手機模擬畫面

怎麼安裝成獨立的小 App？
・iPhone／iPad（Safari）：點下方「分享」→「加入主畫面」。
・Android（Chrome）：點右上角「⋮」→「安裝應用程式」或「加到主畫面」。
・電腦（Chrome／Edge）：網址列右邊的「安裝」圖示。
安裝後桌面上會出現「手機模擬畫面」自己的圖示，打開就是這個工具。

這個工具能做什麼、不能做什麼

• 預覽的是實際的網頁，畫面寬度就是該機型的 CSS 寬度，所以版面會跟真機的排版一致（RWD 斷點、換行、按鈕大小）。已登入的頁面也能看。
• 機型尺寸是依公開規格整理的「CSS 像素」，只收 2018 年以後的常見機型，新機型可能有小誤差。網址列、狀態列的高度是近似值。
• 它不是真機：不會模擬觸控、手指縮放、瀏覽器的 User-Agent、螢幕缺口的安全區域（safe-area）、鍵盤彈出、iOS 的橡皮筋捲動。這幾項請務必用真的手機確認一次。
• 可以預覽任何公開網站（輸入完整網址即可）。但不少網站（例如 Google、Facebook、銀行、很多大型網站）設定了「不允許被嵌入」，畫面會是空白或顯示拒絕連線，那是對方網站的限制，這個工具無法繞過。預覽其他網站時，網址列只會顯示你輸入的網址，網站內再點連結換頁時不會更新。