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

Question

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

Answer 1

您可以将 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 作为起点；那么您将能够使用一些“本机应用程序”方法。

Answer 2

我相信这个图标可能连接到一个提要，但标准的网络应用程序，没有。