在網站添加“添加至主屏幕”的自定義圖標(iPhone,iPod,iPad)

       apple的移動設備的瀏覽器都有一個常用功能,就是將常用網頁“添加至主屏幕”,這樣一個網站幾乎就可以當做app來使用可,對用戶來說很是方便。但是一個一般的網站,被添加到主屏幕後,圖標就是網頁的縮略圖,很不好看。

       經過對部分添加至主屏幕後有個漂亮圖標的網站的研究,發現只要在<head>標籤中添加一個特殊的<link>就可以搞定。

       具體代碼如下:

        <link href="image/logo.png" rel="apple-touch-icon-precomposed">
        <link href="image/logo_141.png" sizes="114x114" rel="apple-touch-icon-precomposed">

        兩條分別對應不同大小的圖標。

        在你的網站也加一個試試看唄?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章