自定義Web應用程序主屏幕圖標未顯示在Samsung S4 Android 4.3上

Question

我們有一個網絡應用程序，其主屏幕圖標定義如下： <link rel="apple-touch-icon-precomposed" href="http://example.com/icon.png">

到目前為止，這在所有iOS和Android設備上已經非常有效。

不過，現在我們有一個Samsung S4 Android 4.3用戶的案例，該用戶在主屏幕上顯示的是通用書簽圖標，而不是我們的自定義應用程序圖標。

我在一個Android論壇中找到了一篇描述相同問題的帖子： http : //forums.androidcentral.com/samsung-galaxy-s4/342894-galaxy-s4-android-ver-4-3-has-bug- creation-webpage-shortcut.html尚未發布解決方案。

我們還對這兩個網站進行了測試： http : //www.kylejlarson.com/blog/2013/adding-an-icon-for-iphone-ipad-android-to-your-website/ http://acegiak.net/

第二個使用rel="apple-touch-icon" rel="shortcut icon"鏈接另外使用rel="shortcut icon"鏈接，但是自定義圖標仍未顯示（僅通用書簽圖標）。

任何人都經歷過相同的事情和/或對解決方案/解決方案有想法嗎？ 謝謝！

請注意，我們將應用程序添加到主屏幕，方法是先將其添加到書簽，然后再將其添加到主屏幕。 我們在其他設備上遇到了問題，將其直接添加到主屏幕也沒有顯示該圖標。

Answer 1

星系s4可以選擇使用“互聯網”或“谷歌瀏覽器”打開網站...當您安全地從“互聯網”將書簽添加到主屏幕時，它們將顯示為通用圖標...當您使用“ Chrome瀏覽器”打開網站時'並將其添加到主屏幕-它會顯示自定義圖標（apple-touch-icon）。

Answer 2

嘗試將圖標重命名為/apple-touch-icon.png，然后它應該可以工作！