一次看遍所有螢幕。
一款免費的 Chrome 擴充功能，能在真實的手機、摺疊機、平板、筆電和手錶上顯示任何頁面，連 localhost 也行。並排呈現，同步連動。
即時運作。捲動或輕觸任一螢幕試試看。
- 111款真實裝置
- 同時 4 台並排顯示
- 同步捲動、輕觸和換頁
- 私密免帳號，不追蹤
四台裝置，一個工作區。
從 111 款真實裝置中任選四款，同時查看頁面在每台裝置上的樣子。
捲動一次，所有螢幕跟著動。
捲動、點擊和瀏覽在所有裝置間保持同步。
所有裝置，一鍵開啟。
一次開啟整個類別。圖中是 37 款 iPhone 中的 16 款，從 iPhone 5 到 iPhone 15 Pro。
對照設計稿。
在任何裝置上，把設計稿放在即時頁面旁邊。並排或疊加比對，設計與實作之間的每個落差都一目瞭然。
這次比對抓到的問題
- 標題文案不同即時頁面：「Make room for your best work.」設計稿：「Room for your best work.」
- 按鈕樣式不同即時頁面：深色、直角。設計稿：青綠色膠囊形。
標出問題，複製修正提示。
在截圖上註記，再為你的 AI 程式開發工具複製現成的提示詞。任何資料都不會離開你的電腦。
- 更多功能
- 錄製並重播流程
- 專注模式
- 旋轉與縮放
- 自訂尺寸
- 已儲存的裝置組合
Such a great tool I've ever used for viewing responsive design across multiple device at the same time.
Fantastic Extension!! God bless the day I found you! Thank you!
What a great tool to have! I use this daily and it's the first extension in the panel. It's got many uses, but if you just want to make sure your sites and apps look good on all screens, this is hands down the best!
常見問題。
免費嗎？
是的。採用 MIT 授權免費開源，不需要帳號。
支援 localhost 嗎？
支援。在 Chrome 中開啟本機頁面，再開啟 Mobile View 即可。任何資料都不會離開你的電腦。
和 DevTools 的裝置模式有什麼不同？
DevTools 一次只顯示一個檢視區。Mobile View 並排顯示四台真實裝置，而且保持同步。
為什麼有些網站無法載入？
有些網站禁止被嵌入其他頁面中顯示。Mobile View 會告訴你，並可改在新分頁中開啟。
修正提示會上傳我的程式碼嗎？
不會。提示在你的電腦上產生，讓你貼到自己的程式開發工具中。
用你自己的網站試試看。
免費。免帳號。支援 localhost。