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

Question

我的网站已经针对iOS主屏幕添加了图标和自定义应用程序名称进行了优化。是否可以使用JavaScript在此网站图标上显示标准的红色数字徽章？

- Ludovic Landry

Answer 1

你可以指定一张图标让iOS用作书签，但之后无法更改。推荐的图标尺寸是57x57像素。你不能绘制超出图标矩形之外的徽章；但或许你可以通过在57x57图标尺寸中添加一个“徽章”，使用50x50图标来欺骗它。然而，这永远都不会有你想要的效果。

阅读更多关于“apple-touch-icon”的信息，请查看苹果公司的文档：safari文档。

<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作为起点，然后您就能够使用一些“本地应用程序”方法。

- Dave

---

谢谢您的回复。我知道这个图标已经可以使用了，我的问题更多是关于如何添加一个徽章并找到一种方法通过反馈来更新它。 - Ludovic Landry

Answer 2

我相信这个图标可能与某个源连接，但对于标准的 Web 应用程序来说不是这样的。

- WrightsCS