大家在滑手機時,一定都有過這種經驗:某些網站的手機版介面功能不完整,或是排版跑掉,這時候我們通常會去瀏覽器設定裡點選「切換為電腦版網站」。但你有沒有想過,這個需求其實也可以「反過來」?在電腦大螢幕前,有時候我們反而需要「模擬」手機的瀏覽環境。也許你是想要在電腦上使用 Instagram 的發文功能,也許你是想要搶購某些「App 限定」的優惠券,又或者,你跟我一樣是位部落客,需要檢查文章在 iPhone 上的閱讀體驗。今天這篇文章就要來教大家,不需要安裝任何奇怪的軟體,只要用你原本就有的瀏覽器(Chrome、Edge 或 Safari),就能在 3 秒內讓電腦螢幕變身為手機介面!
為什麼我們需要用電腦看「手機版」網頁?
在進入教學之前,先聊聊這功能的實用性。除了工程師除錯之外,對一般使用者和內容創作者來說,這招其實超好用:
現在有超過 70% 的讀者是透過手機閱讀。在電腦上排版美美的照片,在手機上可能太小或斷行奇怪。透過模擬,你可以一邊寫文、一邊檢查,不用一直拿手機刷重新整理。
有些社群軟體(如 TikTok 或 Instagram)在手機版介面下的互動功能比較完整,或是某些電商網站有「App 下單限定」的優惠。
老師或講師製作投影片時,用電腦模擬手機介面截圖,解析度比直接用手機截圖傳到電腦還好,且背景乾淨無雜訊。
方法一:使用瀏覽器內建「開發者工具」(最推薦、免安裝)
這是最專業、功能最強大,而且完全不用下載任何擴充套件的方法。我們利用瀏覽器內建的「開發者工具」(Developer Tools)來欺騙網站。此方法適用於 Google Chrome 與 Microsoft Edge。
步驟 1:開啟開發者模式
打開你想要模擬的網頁,按下鍵盤上的神奇快捷鍵:
👉 Windows / Linux:按 F12 或 Ctrl + Shift + I
👉 Mac:按 Cmd + Option + I
步驟 2:尋找「手機平板」圖示
在視窗左上角,點選「大長方形+小長方形」的圖示(通常在滑鼠游標圖示旁)。
或是直接按快捷鍵:Ctrl + Shift + M(Mac 為 Cmd + Shift + M)。點下去後,網頁畫面就會變成直立式長方形。
步驟 3:選擇手機型號
網頁變小後,上方控制列會出現: ● Dimensions(尺寸):可選擇 iPhone 12 Pro, Pixel 5, Samsung Galaxy 等。 ● Rotate(旋轉):點選旋轉圖示,還可模擬「手機橫拿」效果。
🔥 步驟 4:最重要的動作——重新整理
這是新手最常忘記的一步!切換模式後,若排版怪怪的,請務必按下 F5 或重新整理網頁。因為網站需要重新偵測裝置,才會吐出真正的「手機版」排版。
方法二:修改網址(最簡單、但適用性低)
這是一個比較古老但偶爾有效的方法。有些大型網站(例如 Facebook、Wikipedia)會將手機版網頁建立在一個獨立的網址上。
- 🔹 做法:在網址列的
www改成m(例如 m.facebook.com)。 - 🔹 限制:現代網站大多採用「響應式網頁設計」(RWD),也就是同一組網址會自動變形。對於這種 RWD 網站,改網址是沒用的,必須使用方法一。
方法三:安裝 User-Agent Switcher 擴充套件
如果你覺得每次按 F12 很煩,或者需要長時間「偽裝」成手機瀏覽器(例如搶票),那安裝擴充套件會比較方便。
簡單來說,User-Agent(使用者代理)就是瀏覽器的「身分證」。安裝切換器後,我們可以強制瀏覽器遞出:「你好,我是 iOS 系統的 Safari」這張名片。
User-Agent Switcher。
安裝後右上角會多一個按鈕,可隨時切換 Android / iOS 模式。優點:切換快。 缺點:需安裝第三方軟體,且有時候模擬不如方法一真實(解析度未同步變更)。
進階技巧:給部落格主與老師的建議
身為一位國小老師和部落格經營者,我強烈建議大家熟悉 方法一(開發者工具)。為什麼呢?
- 檢查「圖文擠壓」狀況:電腦上壯觀的橫圖,在手機上可能字太小。透過模擬,你可以決定是否要裁切圖片。
- 檢查「表格」是否破版:表格(Table)是手機版殺手。透過模擬器及時發現問題,將表格改成清單式條列,提升讀者體驗。
- 截取更完美的素材:在開發者工具模式下,選單裡藏有
Capture full size screenshot功能,可以幫你把「長長的手機版網頁」一次截圖下來,不用手動拼接!
結語
科技工具的用途往往不只一種,瀏覽器除了單純「瀏覽」,也是很好的「模擬」工具。學會這一招,以後無論是為了工作需求檢查排版,還是為了生活需求瀏覽特定介面,都不用再手忙腳亂地掏手機了。
只要記住:F12 ➔ 手機圖示 ➔ 重新整理,三個動作搞定一切!
希望這篇教學對大家有幫助,如果操作上有遇到任何問題,歡迎在下方留言交流!

留言功能已依作者設定調整顯示方式