模擬傳感器:地理定位與加速度計

由於大多數桌面設備都沒有 GPS 芯片和加速度計,所以測試它們比較困難。Chrome DevTools 的 Sensors 模擬窗格可以通過模擬常見的移動設備傳感器來降低測試的開銷。

TL;DR

  • 模擬地理定位座標以測試地理定位替換值。
  • 模擬設備方向以測試加速度計數據。

訪問傳感器控件

要訪問 Chrome DevTools 傳感器控件,請執行以下操作:

  1. 打開 DevTools 主菜單
  2. More Tools 菜單下,點擊 Sensors
導航至 Sensors 面板

替換地理定位數據

與桌面設備不同,移動設備通常使用 GPS 硬件檢測位置。在 Sensors 窗格中,您可以模擬地理定位座標,以便與 Geolocation API 結合使用。

在模擬抽屜式導航欄的 Sensors 窗格中選中 Emulate geolocation coordinates 複選框,啓用地理定位模擬。

已啓用的地理定位模擬器

您可以使用此模擬器替換 navigator.geolocation 的位置值,並在地理定位數據不可用時模擬用例。

模擬加速度計(設備方向)

要測試來自 Orientation API 的加速度計數據,請在 Sensors 窗格中選中 Accelerometer 複選框,啓用加速度計模擬器。

加速度計控件

您可以操作下列方向參數:

α
圍繞 Z 軸旋轉。
β
左右傾斜。
γ
前後傾斜。

您也可以點擊模型加速度計並將其拖動到所需方向。

使用此設備方向演示試用加速度計模擬器。