Chrome DevTools命令菜單運行命令

1.模擬移動設備

點擊 Toggle Device Toolbar

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

2.2隻限制網路流量

如果只限制網路流量而不限制 CPU 佔用率，請轉至 Network 面板，然後從 Throttle 列表中選擇 Fast 3G或 Slow 3G。

2.3.替換地理定位

要打開地理定位替換界面，請點擊 Customize and control DevTools

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

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！