Loading...

在手機上如何建立網址到手機桌面中並且使用圖示

Temperature: 0 °C

ChungChung
author_tools

上回做專案時,客戶說了手機桌面上的網站捷徑太醜,想要美化。

這回索性也幫Innstory美化一下,順便寫下美化的方式。

在手機上如何建立網址到手機桌面中並且使用圖示
首先,們都知道,當使用手機開啟網站時,右上角會出現直立的(...)按鈕,如上方左邊圖示。

點擊後則會出現一個隱藏選單,其中有一個選項叫做(加到主畫面),如上面右邊圖示。

這時只要點選後,便可將網站連結建立捷徑於手機桌面上。

只是,尚未指定圖示的情況,手機桌面上都會出現手機自訂的icon,例如Innstory的圖示就會出現藍色底一個字母I的字樣。

但要怎麼做,才能建立像手機上的APP一樣特色又專業的圖示?

首先,並須先準備好三張圖,分別是57×57px、72×72px、114×114px。

檔名的部分可以自行命名或依據APP切圖的檔案命名格式,就是「圖片類型_分類_用途_狀態.png」這種方式命名。

如下圖~

在手機上如何建立網址到手機桌面中並且使用圖示
接著,請服用以下語法,並包在head之間。

<link rel="apple-touch-icon" href="images/icon-innstory-web.png">
<link rel="apple-touch-icon" sizes="72×72" href="images/icon-innstory-web-72.png">
<link rel="apple-touch-icon" sizes="114×114" href="images/icon-innstory-web-@2.png">


完成之後,再把網址加到桌面時,就會變成剛所設定的圖示,如下圖。

在手機上如何建立網址到手機桌面中並且使用圖示
左方圖是服用前,右方圖為服用後。

另外,有時瀏覽器的暫存檔清不掉時會無法顯示剛剛設計好的圖示。

這時可以使用無痕視窗瀏覽。

又或者將引入的圖示後方加上參數。

例如~

images/icon-innstory-web.png?2018037


以上紀錄。

台北市內湖區江南街71巷75弄 Go

https://innstory.com/story-在手機上如何建立網址到手機桌面中並且使用圖示-1514
Innstory 資訊科技新知

Prev
 兒子幹的好啊

Next
javascript_底下使用_htmlspecialchars 

Nearby Attractions

台北市內湖區江南街71巷75弄-Nearby Attractions

  • 總督府農業試驗所昆蟲部 Go
  • 陽明山中山樓 Go
  • 臺北機廠 Go
  • 張?故居 Go
  • 前日軍衛戍醫院北投分院 Go
  • 原臺灣軍司令官官邸(孫立人將... Go

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

#有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

黑客松Hackathon(二)

黑客松Hackathon(二...

這是一次不同的體驗... 我一直都渴望有所謂的工作團隊並且享受共同討論共同創作的樂趣... 這次在黑...

小小消防員初體驗

小小消防員初體驗

年月日,5U幼兒園參加消防夏令營。

研究著vps的設定...

研究著vps的設定...

現在在研究著vps的設定... 上次發生怪客入侵事件後...原本已經把所有系統都重新檢查後移入國內空...

Recommended reading

Other stories happened at this address

有沒有試過,被自己小孩叫醒的經驗?

有沒有試過,被自己小孩叫醒的...

s 自從有了U,想要睡到自然醒? 醒醒吧,這種事絕對不可能會發生的~ 為了叫我起床,首先,他把他的貼...

5G二個月了

5G二個月了

G二個月了,這表示離開月子中心這舒適圈已經近一個月了。 比起在月子中心,每天的奶量少了百多,果然是不...

鄰居種植的鬼椒,據說很辣,歡迎我們採用,但我實在沒有勇氣嚐試@@

鄰居種植的鬼椒,據說很辣,歡...

鄰居種植的鬼椒,據說很辣,歡迎我們採用,但我實在沒有勇氣嚐試@@

網站植入Facebook登入FB.api請求修改

網站植入Facebook登入...

會特別紀錄下來的原因是因為FB.api請求又調整了~ function fblogin() {//開...

2018冬至快樂

2018冬至快樂

熱到要死的天氣,聽說今天是冬至? 不管怎樣...... 吃顆湯圓應應節慶吧,我還是偏愛芝麻口味。 在...

今早我從睡夢中驚醒!!

今早我從睡夢中驚醒!!

s 說真~從睡夢中驚醒的例子太多了,但我從沒遇過今天早上的情形⊙⊙ U最近喜歡吃玉米,他可以雙手捧著...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format