传感器:模拟设备传感器
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
您可以使用传感器标签页来模拟任何设备的传感器输入:
打开“传感器”标签页
根据您的操作系统,按以下步骤打开命令菜单:
- 在 MacOS 上,按 Command+Shift+P
- 在 Windows、Linux 或 ChromeOS 上,按 Ctrl + Shift + P
输入 sensors
,选择 Show Sensors,然后按 Enter 键。Sensors(传感器)标签页会在开发者工具窗口底部打开。
替换地理定位
许多网站都会利用用户位置信息为用户提供更相关的体验。例如,在用户授权访问其位置信息后,天气网站可能会显示用户所在区域的本地预报。
如果您构建的界面会随用户所在位置而变化,您可能需要确保网站在全球不同地方都能正常运行。
如需覆盖您的地理位置,请打开传感器标签页,然后从地理位置列表中选择以下选项之一:
- 某个预设城市,例如东京。
- 自定义位置:用于输入自定义经度和纬度坐标。
- 选择无法获取位置信息,了解当用户无法获取位置信息时,您的网站会表现如何。
模拟设备屏幕方向
如需模拟不同的设备屏幕方向,请打开传感器标签页,然后从方向列表中选择以下选项之一:
- 预设方向之一,例如纵向倒置。
- 自定义屏幕方向,提供您自己的确切屏幕方向。
选择自定义屏幕方向后,系统将启用 alpha、beta 和 gamma 字段。请参见 Alpha 版、Beta 版和 Gamma 版,了解这些轴的工作原理。
您还可以通过拖动 Orientation Model 来设置自定义屏幕方向。按住 Shift 并拖动,可沿 Alpha 轴旋转。
强制轻触
如需测试网站上的触摸事件,即使您在没有触摸屏的设备上进行测试,也可以强制触摸而不是点击。
如需使用指针触发触摸事件,请执行以下操作:
- 打开传感器标签页。
- 在 Touch 下拉列表下,选择 Force touch。
- 点击顶部提示中的重新加载开发者工具。
模拟空闲检测器状态
借助 Idle Detection API,您可以检测非活跃用户,并在空闲状态变化时做出响应。使用开发者工具,您可以模拟用户状态和屏幕状态的空闲状态变化,而无需等待实际空闲状态发生变化。
如需模拟空闲状态,请执行以下操作:
打开传感器标签页。在本教程中,您可以在此演示页面上试用。
选中 Ephemeral(临时)旁边的复选框,并在提示中向演示页面授予空闲检测权限。然后,重新加载页面。
在模拟空闲检测器状态下拉菜单中,选择以下选项之一:
- 无空闲模拟
- 用户处于活跃状态,屏幕已解锁
- 用户处于活跃状态,屏幕已锁定
- 用户处于空闲状态,屏幕已解锁
- 用户处于空闲状态,屏幕已锁定
在此示例中,开发者工具会模拟用户空闲、屏幕锁定状态。在本例中,演示页面会开始 10 秒倒计时以清空画布。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2018-12-18。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2018-12-18\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2018-12-18。"],[],[]]