


在 iOS 下的 Safari 瀏覽器都有一向共同的功能,就是可以將正在瀏覽的網站加入主畫面的螢幕中,Safari 會替目前正在瀏覽的頁面製作一個 Snapshot 當作主畫面的 Icon,如果你不喜歡 Snapshot 的結果,可以參考文章下列做法來為你的網站設定主畫面圖示。(下列語法並非 Objective-C,而是網頁設計程式語言)
你可以將下列語法加入至<Head></Head>標籤中。
//設定網站加入主畫面的圖示
<link rel="apple-touch-icon" href="圖示的網路位置"/>
如果你想要做更細微的設定,例如分別對針對不同的解析度的 iOS 裝置設定它們的 Icon,則可以參考下列語法。
//iPad或是其他相同解析度Icon
<link rel="apple-touch-icon" sizes="72x72" href="圖示的網路位置" />
//iPhone4或是其他高解析度Icon
<link rel="apple-touch-icon" sizes="114x114" href="圖示的網路位置" />
沒有留言:
張貼留言