chrome开发工具指南(十三)
模拟传感器:地理定位与加速度计
由于大多数桌面设备都没有 GPS 芯片和加速度计,所以测试它们比较困难。Chrome DevTools 的 Sensors 模拟窗格可以通过模拟常见的移动设备传感器来降低测试的开销。
- 模拟地理定位坐标以测试地理定位替换值。
- 模拟设备方向以测试加速度计数据。
访问传感器控件
要访问 Chrome DevTools 传感器控件,请执行以下操作:
- 打开 DevTools 主菜单
- 在 More Tools 菜单下,点击 Sensors
![导航至 Sensors 面板](https://developers.google.com/web/tools/chrome-devtools/device-mode/imgs/navigate-to-sensors.png)
注:如果您的应用检测到使用 JavaScript(如 Modernizr)的传感器加载,请确保在启用传感器模拟器之后重新加载页面。
替换地理定位数据
与桌面设备不同,移动设备通常使用 GPS 硬件检测位置。在 Sensors 窗格中,您可以模拟地理定位坐标,以便与 Geolocation API 结合使用。
在模拟抽屉式导航栏的 Sensors 窗格中选中 Emulate geolocation coordinates 复选框,启用地理定位模拟。
![已启用的地理定位模拟器](https://developers.google.com/web/tools/chrome-devtools/device-mode/imgs/emulation-drawer-geolocation.png)
您可以使用此模拟器替换 navigator.geolocation
的位置值,并在地理定位数据不可用时模拟用例。
模拟加速度计(设备方向)
要测试来自 Orientation API 的加速度计数据,请在 Sensors 窗格中选中 Accelerometer 复选框,启用加速度计模拟器。
![加速度计控件](https://developers.google.com/web/tools/chrome-devtools/device-mode/imgs/emulation-drawer-accelerometer.png)
您可以操作下列方向参数:
- α
- 围绕 Z 轴旋转。
- β
- 左右倾斜。
- γ
- 前后倾斜。
您也可以点击模型加速度计并将其拖动到所需方向。
使用此设备方向演示试用加速度计模拟器。