在PC機上,如何用Chrome瀏覽器模擬查看和調試手機的HTML5頁面?


如題,如何用PC機上的Chrome瀏覽器模擬查看和調試手機HTML5頁面?

參考操作步驟如下:

第一步、用Chrome打開要調試的頁面;

第二步、按F12,打開“開發者工具”,點擊其右上角的“Dock to main window.”按鈕,讓“開發者工具”停靠在瀏覽器的“右邊”,再點擊左上角的“Toggle device mode.”按鈕,如下圖所示:

 

第三步、選擇要模擬的設備,如下圖所示:

第四步、刷新頁面(很多人都死在這一步,你不刷新一下,是看不到效果的!)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM