把網站加到 iPhone 主畫面：像 App 一樣一點即開

門市櫃台最常被問的其中一題，其實不是哪支手機好，而是「我每次要上台鐵訂票，都要先開瀏覽器再找半天，有沒有辦法像 App 一樣點一下就進去？」有。而且不用裝任何東西，iPhone 內建的 Safari 本來就做得到，只是按鈕藏得有點深，很多人從沒注意過。

這個功能正式名稱叫 Web Clip，白話講就是把一個網址做成主畫面上的圖示。它跟書籤的差別很實際：書籤躺在 Safari 裡面，你得先打開瀏覽器、點開書籤列、再從一串清單裡找。Web Clip 直接放在主畫面或資料夾，跟你那些 App 排在一起，點下去自動全螢幕開啟，連 Safari 上面那條頁籤列都不會出現。它也不佔什麼空間，存的只是一個小捷徑，不是整個程式。圖示名稱還能自己改，要它顯示中文完全沒問題。

老實說，對長輩或不太愛在手機上東翻西找的人，這招比教他們用書籤實用太多了。少一個步驟，他們就少一次卡住。

怎麼釘上去

先確認你開的是內建的 Safari，不是 Chrome 或其他瀏覽器，這點等等會再講為什麼重要。進到你想常用的那個網址，等頁面整個載入完。

接著看畫面最下方工具列正中間，那個方形加一個向上箭頭的圖示，就是「分享」。點它。如果工具列剛好不見了（滑頁面時它會自己收起來），輕點一下螢幕就會跑出來。

分享選單跳出來之後往下滑，會看到「加入主畫面」，點進去。系統通常會自動把網站名稱填好，但那名稱往往落落長又是英文，建議直接改成你看得懂的，例如就打「台鐵訂票」四個字。改完點右上角「新增」，圖示馬上出現在主畫面最後一頁。整個過程二十秒。

這裡要先講一件事，省得你之後困惑：只有 Safari 做得到。Chrome、Firefox 的分享選單裡根本沒有「加入主畫面」這個選項，所以一定要用 Safari 開。

圖示長得很醜怎麼辦

有些網站加完之後，圖示是品牌 LOGO，漂漂亮亮；有些卻是一張歪歪的網頁截圖，看起來很亂。門市偶爾有人拿來問是不是自己加錯了——不是，這是網站那邊的設定問題。

原理是這樣：如果網站有設定 Apple Touch Icon（專門給 iOS 主畫面用的高解析圖示），iOS 就會顯示那張；沒設定的，iOS 只好截當下頁面的縮圖頂著用。你從 iPhone 這端改不了它，但完全不影響功能，點下去照樣正常開啟，純粹是好不好看的問題。

加完之後的管理

移動和刪除跟一般 App 一模一樣。要搬位置就長按圖示，拖到你想要的地方或資料夾；要刪掉一樣長按，點「移除書籤」再確認。如果你一口氣加了好幾個，建議開一個資料夾（取個「常用工具」之類的名字）統一收進去，主畫面才不會被一堆捷徑塞爆。

順帶一提：跟 PWA 的差別

偶爾會有人問，這跟 PWA（漸進式網頁應用程式）是不是同一件事？算近親，但不完全一樣。一般的「加入主畫面」捷徑，開起來還是在 Safari 裡，畫面上方會留一點點系統列。而有正式做 PWA 規範的網站（背後有 Service Worker 跟 Web App Manifest），加到主畫面後是用獨立視窗開的，完全看不到瀏覽器框，更像真正的 App。

不過講白了，大部分人不需要在意這個區別。你常用的網站兩種大多都能加，差別只在全螢幕程度，實際用下來感受沒差太多，挑你順手的就好。

把幾個天天要開的網站釘上主畫面，手機用起來會清爽不少。如果你正在挑新的 iPhone，或是想當面把這些小設定一次搞懂，歡迎到 iLab 學校 來，我們現場示範給你看。