在主屏幕上添加的网站图标上显示标准徽章

发布于 2024-10-21 21:53:10 字数 86 浏览 1 评论 0原文

我的网站经过优化，可以在添加到 iOS 上的主屏幕时显示图标和自定义应用程序名称。是否可以在该网站图标上显示标准的红色数字徽章，例如 javascript ？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

筱果果 2024-10-28 21:53:10

您可以将 iOS 指向您希望其用于书签的图标，但以后将无法更改它。推荐的图标为 57x57。您将无法绘制延伸到图标矩形之外的徽章；但也许你可以通过制作一个 50x50 的图标和一个 57x57 图标大小的“徽章”来伪造它。但它永远不会达到你想要的效果。

在 Apple 文档中阅读有关“apple-touch-icon”的更多信息： safari doc

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

考虑构建一个“混合”应用程序来指向您的网站。使用 QuickConnect 或 PhoneGap 作为起点；然后您将能够使用一些“本机应用程序”方法。

You can point iOS to an icon you want it to use for the bookmark, but you will not be able to change it later. The recommended icon is 57x57. You would not be able to draw a badge that extends outside your icon rect; but perhaps you could fake it by making a 50x50 icon with a "badge" in a 57x57 icon size. Still it would never have the effect you want.

Read more about the "apple-touch-icon" in Apple's doc: safari doc

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

Consider building a "Hybrid" application to point at your website. Use QuickConnect or PhoneGap as a starting point; then you'll be able to use some "native app" methods.

回复收藏 0 原文