网页检查器参考设备设置

如果你以前使用过网页检查器，很可能你用过（或至少熟悉）开发菜单。该菜单包含浏览器各项设置的操作项和开关，例如是否可以加载本地文件（例如以file://开头的 URL）。

然而，开发菜单中的所有项目都适用于整个浏览器，这意味着如果你在一个页面上禁用样式，所有其他页面，包括那些已经在其他标签页中打开的页面，都会受到影响。

此外，当使用网页检查器检查远程目标（如iOS 设备或iOS 模拟器）时，这些项目无效。开发菜单中勾选禁用样式对远程目标没有任何影响。

为了支持这种开发工作流程，网页检查器增加了一个设备设置菜单，允许在远程检查时，按页面切换这些设置。

点击设备设置菜单图标将显示一个弹出窗口，其中包含许多与开发菜单相同的操作。

由于这些操作是按页面应用且仅在远程目标上生效，因此设备设置弹出窗口中可找到的所有项目在开发菜单中都被禁用，因为它们对远程目标没有影响。

同理，设备设置菜单仅在使用网页检查器检查远程目标时显示。

设备设置在网页检查器会话之间不保留。关闭网页检查器（或断开被检查设备的连接）将导致被检查页面的所有先前设置的设备设置重置。

然而，只要网页检查器保持打开/连接状态，设备设置在导航之间会保留。

用户代理

设备设置菜单中的第一个项目是用户代理编辑器。

它包含一个常用用户代理列表，以及一个输入自定义用户代理的选项（其他…）。

每次修改用户代理时，被检查页面将自动重新加载，以便应用新的用户代理。

禁用开关

这些复选框中的每一个，在选中时，都会禁用被检查页面中的特定功能。

• 图片将阻止任何未来的（尚未加载的）图片加载，但对任何已有的（已加载的）图片没有影响。
• 样式将禁用页面上的所有 CSS，包括任何内联<style>和style DOM 属性。
• JavaScript将导致页面忽略任何未来的 JavaScript 运行，包括新的<script>（甚至不请求底层资源）、先前添加的 DOM 事件监听器的回调和定时器。
• 特定网站的优化控制 WebKit 中针对特定网站的兼容性优化。
• 这些网站的列表可以在Source/WebCore/page/Quirks.cpp中找到。
• 如果你开发的网站在该列表中，我们强烈建议在特定网站的优化禁用的情况下进行开发和测试。
• 跨域限制控制 CORS 规则/限制是否对任何未来的网络请求生效。

启用开关

这些复选框中的每一个，在选中时，都会启用被检查页面中的特定功能。

• ITP 调试模式控制ITP 调试模式是否激活，激活后日志也会出现在网页检查器的控制台中。
• 广告点击归因调试模式控制广告点击归因调试模式是否激活，激活后日志也会出现在网页检查器的控制台中。

WebRTC 开关

这些开关专门针对 WebRTC 相关功能。

• 允许不安全网站上的媒体捕获将允许在不安全（例如非 HTTPS）页面上使用/测试WebRTC 媒体捕获。
• 禁用 ICE 候选限制将阻止新连接尝试的主机 ICE 候选被过滤。
• 使用模拟捕获设备将所有捕获设备替换为模拟的“Bip-Bop”设备。
• 禁用加密将导致 WebRTC 连接在不进行任何形式加密的情况下建立和传输流。