如題,如何用PC機上的Chrome瀏覽器模擬查看和調試手機HTML5頁面?
參考操作步驟如下:
第一步、用Chrome打開要調試的頁面;
第二步、按F12,打開“開發者工具”,點擊其右上角的“Dock to main window.”按鈕,讓“開發者工具”停靠在瀏覽器的“右邊”,再點擊左上角的“Toggle device mode.”按鈕,如下圖所示:
第三步、選擇要模擬的設備,如下圖所示:
第四步、刷新頁面(很多人都死在這一步,你不刷新一下,是看不到效果的!)
如題,如何用PC機上的Chrome瀏覽器模擬查看和調試手機HTML5頁面?
參考操作步驟如下:
第一步、用Chrome打開要調試的頁面;
第二步、按F12,打開“開發者工具”,點擊其右上角的“Dock to main window.”按鈕,讓“開發者工具”停靠在瀏覽器的“右邊”,再點擊左上角的“Toggle device mode.”按鈕,如下圖所示:
第三步、選擇要模擬的設備,如下圖所示:
第四步、刷新頁面(很多人都死在這一步,你不刷新一下,是看不到效果的!)
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。