如何讓你的網站

在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
覺得這篇文章讚嗎?