传感器:模拟设备传感器

Sofia Emelianova
Sofia Emelianova

使用传感器面板可模拟任何设备的传感器输入。

概览

借助传感器面板,您可以执行以下操作:

打开“传感器”面板

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

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

    使用命令菜单打开“传感器”面板。

  2. 输入 sensors,选择 Show Sensors,然后按 Enter 键。Sensors 面板会在 DevTools 窗口底部打开。

替换地理位置

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

如果您要构建的界面会根据用户所在的位置而发生变化,您可能需要确保网站在世界各地都能正常运行。

如需替换地理位置,请打开传感器面板,然后从地理位置列表中选择以下任一选项:

  • 某个预设城市,例如东京
  • 自定义位置,用于输入自定义经度和纬度坐标。
  • 选择位置信息不可用,查看在用户的位置信息不可用时,您的网站会如何运行。

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

模拟设备屏幕方向

如需模拟不同的设备屏幕方向,请打开“传感器”面板,然后从“屏幕方向”列表中选择以下任一选项:

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

从“方向”列表中选择“纵向(上下倒置)”。

选择自定义屏幕方向后,系统会启用 alphabetagamma 字段。请参阅 AlphaBetaGamma,了解这些轴的运作方式。

您还可以通过拖动屏幕方向模型来设置自定义屏幕方向。按住 Shift 键,然后拖动以沿 alpha 轴旋转。

方向模型。

强制触摸

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

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

  1. 打开传感器面板
  2. 触摸下拉列表下,选择强制触摸只能轻触,不能点击。
  3. 点击顶部提示中的重新加载开发者工具

模拟空闲检测器状态

借助 Idle Detection API,您可以检测非活跃用户并对空闲状态变化做出响应。借助 DevTools,您可以模拟用户状态和屏幕状态的空闲状态变化,而无需等待实际空闲状态发生变化。

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

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

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

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

  3. Emulate Idle detector State(模拟空闲检测器状态)下拉菜单下,选择以下选项之一:

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

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

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

模拟硬件并发

如需模拟网站在处理器核心数量不同的设备上的运行情况,您可以替换 navigator.hardwareConcurrency 属性报告的值。某些应用使用此属性来控制其应用的并行度,例如控制 Emscripten pthread 池大小。

如需模拟硬件并发,请执行以下操作:

  1. 打开传感器面板
  2. 在面板底部附近,找到并开启 硬件并发
  3. 在数字输入框中,输入要模拟的核心数。

开启了“硬件并发性”,并将核心数量设置为 10。

如需恢复为默认值,请点击 重置按钮。