2013-07-01 48 views
0

在閱讀了如何爲我的網絡應用程序添加自定義主屏幕圖標後,我花了好幾天的時間試圖使其工作,無論我做什麼,添加到主屏幕過程都會產生一個基於當前網頁的截圖。Apple Touch圖標主屏幕失敗

我試過單獨使用默認文件名,我試過使用鏈接rel和href的定義和圖標。我試圖把圖標放在根目錄和一個級別下,我試過57x57,72x72和114x114大小的圖標,有和沒有尺寸定義。我嘗試過precomposed和normal,並且沒有對rel name進行相應的更改,但是無論我做什麼,在運行IOS 6.3的iPhone 4上添加主屏幕過程都會忽略我定義的任何圖標,併爲我提供基於屏幕快照的圖標。我正在撕掉我的頭髮。我怎樣才能找到問題所在?我如何調試這個過程來發現什麼是錯的?我有移動Safari瀏覽器連接到桌面上的Safari,看看發生了什麼,但我不明智。

+0

iOS 6.3?你的意思是6.1.3? – rckoenes

回答

0

您可能會錯過一些元定義。例如,這可以在我們的Web應用程序中運行檢查你使用的PNG是否是有效的圖像。

<!DOCTYPE html> 
<head> 
    <link rel="apple-touch-icon" href="/img/appicon-57.png" /> 
    <link rel="apple-touch-icon" sizes="72x72" href="/img/appicon-72.png" /> 
    <link rel="apple-touch-icon" sizes="114x114" href="/img/appicon-114.png" /> 
    <link rel="shortcut icon" href="favicon.png" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
</head> 
<body> 
...