Chrom調試移動端頁面

google對於前端開發的人來說並不陌生,經過會用它來調試頁面兼容
那大家知不知道它也可以調試手機站呢?

如何使用?
1、升級瀏覽器,把google升級到最新本以上
2、打開google瀏覽器,把開發者工具打開,見下圖
在這裏插入圖片描述
3、打開移動設備調試模式
在這裏插入圖片描述
這個時候我們可以看到調試視口已經發生了變化,見下圖
在這裏插入圖片描述
4、選擇需要調試的設備,google預設了很多選擇,見下圖
在這裏插入圖片描述

可以選擇你要想調試的設備,並且google支持模擬觸屏效果;顯示當前說模擬的設備的版本信息;屏幕的縮放比例
還能測試不同的網絡環境,見下圖
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章