Chrome教程(二)使用ChromeDevTools命令菜單運行命令


1.模擬移動設備

點擊 Toggle Device Toolbar切換設備工具欄可以打開用於模擬移動設備視口的界面。

image-20190524113717134

2.限制網絡流量和 CPU 占用率

要限制網絡流量和 CPU 占用率,請從 Throttle 列表中選擇 Mid-tier mobile 或 Low-end mobile

Mid-tier mobile 可模擬快速 3G 網絡,並限制 CPU 占用率,以使模擬性能比普通性能低 4 倍。 Low-end mobile 可模擬慢速 3G 網絡,並限制 CPU 占用率,以使模擬性能比普通性能低 6 倍。 請記住,限制是相對於筆記本電腦或桌面設備的普通性能而言。

請注意,如果 Device Toolbar 布局較窄,則會隱藏 Throttle 列表。

2.1只限制 CPU 占用率

如果只限制 CPU 占用率而不限制網絡流量,請轉至 Performance 面板,點擊 Capture Settings捕獲設置,然后從 CPU 列表中選擇 4x slowdown 或 6x slowdown

2.2只限制網絡流量

如果只限制網絡流量而不限制 CPU 占用率,請轉至 Network 面板,然后從 Throttle 列表中選擇 Fast 3G或 Slow 3G

2.3.替換地理定位

要打開地理定位替換界面,請點擊 Customize and control DevTools自定義和控制 DevTools,然后選擇 More tools > Sensors

從 Geolocation 列表中選擇其中一個預設,或選擇 Custom location 以輸入自己的坐標,或選擇 Location unavailable 以測試您的頁面在地理定位處於錯誤狀態時的表現。

image-20190524114712519


免責聲明!

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



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