在主屏幕上添加的網站圖標上顯示標準徽章

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作爲起點;那麼你就可以使用一些「原生應用程序」方法。