传感器:模拟设备传感器

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

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

概览

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

打开“传感器”面板

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

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

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

  2. 输入 sensors,选择 Show Sensors,然后按 Enter 键。传感器面板随即会在开发者工具窗口底部打开。

替换地理位置

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

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

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

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

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

模拟设备屏幕方向

如需模拟不同的设备屏幕方向,请打开 Sensors 面板,然后从 Orientation 列表中选择以下选项之一:

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

从“方向”列表中选择“竖屏倒置”。

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

您还可以通过拖动方向模型来设置自定义方向。在拖动之前按住 Shift 键,即可沿 Alpha 轴旋转。

方向模型。

用力按压

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

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

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

模拟空闲检测器状态

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

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

  1. 打开传感器面板

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

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

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

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

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

模拟硬件并发

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

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

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

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

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

模拟 CPU 压力

CPU 或计算压力是一组报告的状态,可让您了解系统计算所承受的工作负载量,以及是否接近限制。借助这些信息,您可以调整实时应用(例如视频会议或视频游戏),以充分利用所有可用的处理能力,同时通过实时调整工作负载来保持系统响应速度。

借助传感器面板,您可以模拟 Compute Pressure API 可报告的状态。

如需在网站上模拟 CPU 压力,请执行以下操作:

  1. 打开传感器面板
  2. 在面板底部附近,找到 CPU 压力部分,然后选择一个人类可读的压力状态无替换正常一般严重危急
  3. 在开发者工具顶部的提示中,点击重新加载开发者工具

模拟“严重”CPU 压力。