怎麼樣在電腦上模擬任意手機打開手機版網頁

我們知道在手機上可以打開電腦版的瀏覽器,其實在電腦上也可以方便的打開手機版的瀏覽器,這樣可以隨時查看某網頁在手機上瀏覽的效果。下面就來看一下操作的方法吧。

工具/原料

Chrome

方法/步驟

首先使用Chrome瀏覽器打開要模擬顯示的網頁,然後點擊右上角的「菜單」按鈕。

在打開的下拉菜單中依次點擊「更多工具/開發者工具」菜單項。

這時會在瀏覽器的右側窗口中打開開發者工具頁面,點擊左上角的「手機」圖標。

這時可以看到左側的頁面已修改為手機版樣式的了,默認是顯示豎版的效果圖。

當然了,除了顯示豎本手機顯示效果外,還可以顯示橫版的效果,只需要點擊頁面上面的「手機」圖標就可以了。

如果想要模擬其它型號的手機,點擊上面的下拉按鈕選擇相應的手機型號就可以了。

如果列表中沒有你想要的手機型號,可以點擊彈出菜單中的「Edit」菜單項

然後在右側窗口中就會打開編輯頁面,在列表中選擇相應的手機類型就可以了。

另外我們也可以自己手工添加相應的手機型號,只需要點擊上面的「Add Custom Device」按鈕,然後在下面的窗口中輸入相應的數據就可以了。

注意事項

此經驗文章中的圖文皆由 lqlxhua 獨立編撰,並首發於,如要轉載,請留出處。
有幫助,點投票。要細品,可收藏。要繼續,請關注。如成功,請點讚。有疑問,請留評。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場