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

Question

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

Answer 1

我相信这个图标已连接到一个feed，可能是标准的web应用程序，没有。

Answer 2

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

了解更多关于苹果的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" /> 

考虑建立一个“混合”应用程序在你的网站指向。使用QuickConnect或PhoneGap作为起点;那么你就可以使用一些“原生应用程序”方法。