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">
兩條分別對應不同大小的圖標。
在你的網站也加一個試試看唄?