iphone - 在主屏幕上添加的网站图标上显示标准角标(Badge)

Question

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

Answer 1

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

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