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

【问题标题】：Display standard badges on website icon added on the home screen在主屏幕上添加的网站图标上显示标准徽章
【发布时间】：2011-03-13 23:10:09
【问题描述】：

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

【问题讨论】：

标签： iphone ios notifications homescreen badge

【解决方案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 作为起点；那么你就可以使用一些“原生应用”的方法了。

【讨论】：

感谢您的回复。我知道这个图标，它已经在工作了，我的问题更多是关于拥有一个徽章并找到一种方法来更新它。

【解决方案2】：

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

【讨论】：