如何讓你的網站

在iPhone/iPad/Android手機平板時所加入的Favicon書籤icon

顯示成行動版大圖示呢?

而不是小小的16x16的ico檔呢?

 

只要在你的網站上的meta處,加上語法
 

<link rel="apple-touch-icon" href="favicon.png" />

 

設計一個大PNG圖,尺吋我都是用144px,因為這好像是New iPad的尺吋

然後改成自己的路徑,使用前記得清掉瀏覽器的CACHE,

測試後亦可以在Android上正確顯示!

 

當然,如果把書籤網址改成手機版

如: /modules/tadnews/pda.php

這樣點書籤就可以直接進入手機版頁面了!

看起來就像一個小型偽APP囉!


發表自: 九五二七九五二七
愛漫畫愛遊戲愛上網愛星爺,小時摸到阿羅士與AppleII後註定宅一輩子,從紅白機玩到PS4,從386打到Xeon,沒日沒夜的打電動;待過所有宅產業,從光華混到NOVA,從遊戲滾到動漫,從攝影器材爬到網路電信,喜愛學習多於睡覺,無時無刻散發一股宅味,但號稱長的像梁朝偉XD

覺得讚想推薦或分享嗎?