传感器:模拟设备传感器

凯切·巴斯克斯
Kayce Basques
索菲亚·埃梅利安诺娃
Sofia Emelianova

您可以使用 Sensors 标签页模拟任何设备的传感器输入:

打开“传感器”标签页

  1. 根据您的操作系统,按以下命令打开命令菜单:

    • 在 MacOS 上,按 Command+Shift+P
    • 在 Windows、Linux 或 ChromeOS 上,按 Ctrl+Shift+P

    使用命令菜单打开“传感器”标签页。

  2. 输入 sensors,选择显示传感器,然后按 Enter 键。Sensors 标签页会在开发者工具窗口底部打开。

替换地理定位

许多网站会利用用户位置信息为用户提供更相关的体验。例如,在用户授权网站访问其位置信息后,天气网站可能会显示用户所在区域的本地天气预报。

如果您要构建一个根据用户所在位置发生变化的界面,您可能需要确保网站在全球不同地方都能正常运行。

要替换您的地理定位,请打开传感器标签页,然后从地理定位列表中选择以下选项之一:

  • 某个预设城市,例如 Tokyo
  • 自定义位置:用于输入自定义经度和纬度坐标。
  • 选择无法获取位置信息,了解当用户的位置信息不可用时,您的网站的行为方式。

从“地理位置”列表中选择“东京”。

模拟设备屏幕方向

如需模拟不同的设备屏幕方向,请打开传感器标签页,然后从方向列表中选择以下某个方向:

  • 预设方向之一,例如纵向(倒置)
  • 自定义屏幕方向,提供您自己的确切屏幕方向。

从“方向”列表中选择“纵向颠倒”。

选择屏幕方向后,系统将启用 alphabetagamma 字段。如需了解这些轴的工作原理,请参阅 Alpha 版Beta 版Gamma

您还可以通过拖动 Orientation Model 来设置自定义屏幕方向。按住 Shift 并拖动,可沿 Alpha 轴旋转。

方向模型。

强制轻触

如需测试网站上的触摸事件,您可以强制轻触(而非点击),即使在没有触摸屏的设备上进行测试也是如此。

如需使用指针触发触摸事件,请执行以下操作:

  1. 打开传感器标签页
  2. Touch 下拉列表中,选择 Force touch强行轻触而不是点击。
  3. 点击顶部提示中的重新加载开发者工具

模拟空闲检测器状态

借助 Idle Detection API,您可以检测不活跃用户并在空闲状态变化时做出回应。使用开发者工具,您可以模拟用户状态和屏幕状态的闲置状态更改,而无需等待实际闲置状态更改。

如需模拟空闲状态,请执行以下操作:

  1. 打开传感器标签页。在本教程中,您可以在此演示页面上试用。

  2. 选中 Ephemeral(临时)旁边的复选框,并在提示中向演示页面授予空闲检测权限。然后,重新加载页面。

    在演示页面上授予空闲检测权限。

  3. 模拟空闲检测器状态下拉菜单中,选择以下选项之一:

    • 没有空闲模拟
    • 用户处于活跃状态,屏幕已解锁
    • 用户处于活跃状态,屏幕已锁定
    • 用户处于空闲状态,屏幕已解锁
    • 用户处于空闲状态,屏幕已锁定

在演示页面上选择空闲和锁定状态。

在此示例中,开发者工具会模拟用户空闲、屏幕锁定状态,并且在本例中,演示页面将开始 10 秒倒计时以清空画布。