Chrome开发者工具里藏着一个小功能——Sensors面板，专治各种“没有真机也能调试”的刚需。比如你想验证移动端网页对陀螺仪方向的响应，或者测试地理定位API在不同坐标下的表现。

直接打开这个面板，拖拖3D模型、改改经纬度，就能模拟真实传感器输入，省得反复刷手机部署代码。

打开并启用Sensors面板

这个面板默认不显示，得手动调出来才能用设备方向和地理定位模拟功能。

• 1、在目标页面上按下 F12，或者右键选择“检查”打开开发者工具。
• 2、点击右上角三个点图标 → 选 More tools → Sensors；或者按 Ctrl+Shift+P（Windows/Linux） 或 Cmd+Shift+P（Mac） 打开命令菜单，输入 Show sensors 回车。
• 3、确认 Sensors 面板出现在开发者工具底部或右侧区域。

重点看 Geolocation 和 Device orientation 两个模块是否都可见——如果某个模块是灰的，说明当前页面没调用对应的API，得先触发 na vigator.geolocation 或 DeviceOrientationEvent 相关的代码才行。

模拟陀螺仪与设备方向数据

这个功能主要用来验证页面是否正确解析 α/β/γ 三轴旋转值，特别适合调试AR界面、体感游戏或者横竖屏适配逻辑。

方法一：拖拽3D模型实时调整

在 Sensors 面板里勾选 Device orientation → 点击中间的3D设备模型 → 按住鼠标左键拖动它。

这样就能实时改变 β（左右倾斜）和 γ（前后倾斜）的值；α（绕Z轴旋转）通过旁边的滑块单独调节。每次拖一下，页面上监听的 deviceorientation 事件立马就会收到新数据。

方法二：手动输入精确数值

点击面板右上角的 图标 → 选 Edit device orientation → 弹窗里填 α、β、γ 的具体度数（比如 α: 0, β: 45, γ: -30），点 Apply。

这种方式适合复现设备某个特定姿态下的bug。

注意：必须刷新页面或者重新触发监听器，否则旧监听器拿到的还是上一次的缓存值。

模拟地理位置坐标并控制权限状态

通过覆盖 na vigator.geolocation.getCurrentPosition() 的返回结果，可以测试地图标记、区域限制、附近服务等逻辑在不同坐标下的表现。

第一步：启用地理定位模拟

在 Sensors 面板的 Geolocation 下拉菜单里，选 Custom location… 或者任意一个预设城市（比如 Shanghai、New York）。

第二步：填写坐标并生效

如果选了 Custom location…，弹出框里输入 Latitude（纬度）和 Longitude（经度），比如北京天安门：39.9087, 116.3975；Accuracy（精度）可以留空（默认100米），也可以填小一点（比如10）来模拟高精度GPS。

点 Apply 之后，必须刷新当前页面，否则 Ja vaScript 读的仍是浏览器缓存的位置。

第三步：强制触发拒绝授权路径

把 Geolocation 下拉菜单设为 Disabled，这时候就算网站之前已经授权过，na vigator.geolocation 也会立刻返回 PermissionDeniedError。

这是测试前端错误处理逻辑（比如 fallback 提示、禁用依赖功能）最可靠的方式。

《夸克》非常好用的免费AI浏览器

下载APP查看