school Are you a developer in an agency in the UK, Indonesia or India? Find out more about our free 2 day Progressive Web Apps training .

模拟传感器:地理定位与加速度计

由于大多数桌面设备都没有 GPS 芯片和加速度计,所以测试它们比较困难。Chrome DevTools 的 Sensors 模拟窗格可以通过模拟常见的移动设备传感器来降低测试的开销。

TL;DR

  • 模拟地理定位坐标以测试地理定位替换值。
  • 模拟设备方向以测试加速度计数据。

访问传感器控件

要访问 Chrome DevTools 传感器控件,请执行以下操作:

  1. 打开 DevTools 主菜单
  2. More Tools 菜单下,点击 Sensors
导航至 Sensors 面板

注:如果您的应用检测到使用 JavaScript(如 Modernizr)的传感器加载,请确保在启用传感器模拟器之后重新加载页面。

替换地理定位数据

与桌面设备不同,移动设备通常使用 GPS 硬件检测位置。在 Sensors 窗格中,您可以模拟地理定位坐标,以便与 Geolocation API 结合使用。

在模拟抽屉式导航栏的 Sensors 窗格中选中 Emulate geolocation coordinates 复选框,启用地理定位模拟。

已启用的地理定位模拟器

您可以使用此模拟器替换 navigator.geolocation 的位置值,并在地理定位数据不可用时模拟用例。

模拟加速度计(设备方向)

要测试来自 Orientation API 的加速度计数据,请在 Sensors 窗格中选中 Accelerometer 复选框,启用加速度计模拟器。

加速度计控件

您可以操作下列方向参数:

α
围绕 Z 轴旋转。
β
左右倾斜。
γ
前后倾斜。

您也可以点击模型加速度计并将其拖动到所需方向。

使用此设备方向演示试用加速度计模拟器。