此页面由 Cloud Translation API 翻译。

开发者工具的新变化 (Chrome 83)

Kayce Basques

模拟视觉缺陷

打开“渲染”标签页，然后使用新的模拟视觉缺陷功能，更清楚地了解具有不同视觉缺陷的用户对您网站的体验。

模拟视力模糊。

开发者工具可以模拟视力模糊和以下类型的色觉缺陷：

红色盲：无法感知任何红光。
绿色盲：无法感知任何绿光。
蓝色盲：无法感知任何蓝光。
全色盲：无法感知除灰色以外的任何颜色（极其罕见）。

这些色觉缺陷存在一些不太极端的版本，事实上它们更常见。例如，“红色弱视”是对红光的敏感度降低（与“红色盲”相反，“红色盲”是完全无法感知红光）。但是，这些“视力缺陷”的视觉缺陷并没有明确定义：每个具有此类视力缺陷的人都是不同的，并且看到的事物可能会不同（能够感知更多/更少的相关颜色）。

通过在开发者工具中针对更极端的模拟进行设计，可以保证您的 Web 应用也可供患有红色弱视、绿色弱视、蓝色弱和全色瘤的用户使用。

请向 Chromium 问题 #1003700 发送反馈，或详细了解实现情况。

模拟语言区域

您现在可以通过在传感器 > 位置中设置位置来模拟语言区域。打开命令菜单，然后输入 Sensors 以访问传感器标签页。执行这些操作后，开发者工具会修改当前的默认语言区域，从而影响以下方面：

Intl.* API，例如 new Intl.NumberFormat().resolvedOptions().locale
其他语言区域感知型 JavaScript API，例如 String.prototype.localeCompare 和 *.prototype.toLocaleString，例如 123_456..toLocaleString()
DOM API，例如 navigator.language 和 navigator.languages
Accept-Language HTTP 请求标头

注意：对 navigator.language 和 navigator.languages 的更新不会立即显示，而是仅在下次导航或页面重新加载后才会显示。对 Accept-Language HTTP 标头所做的更改仅会反映在后续请求中。

请查看依赖于语言区域的代码示例，亲自尝试一下。

请向 Chromium 问题 #1051822 发送反馈。

跨源嵌入器政策 (COEP) 调试

“网络”面板现在提供跨源嵌入器政策调试信息。

状态列现在提供了对请求被屏蔽原因的快速说明，并提供一个链接，用于查看该请求的标头以进一步调试：

“状态”列中的被屏蔽请求

如需有关如何解决问题的更多指导，请参阅标头标签页的响应标头部分：

有关“响应标头”部分的更多指导

请向 Chromium 问题 #1051466 发送反馈。

用于断点、条件断点和日志点的新图标

Sources 面板为断点、条件断点和日志点添加了新图标：

断点用红色圆圈表示。
条件断点由半红色半白圆圈表示。
日志点由带有控制台图标的红色圆圈表示。

之所以采用这些新图标，是为了让界面与其他 GUI 调试工具（通常将断点显示为红色）更加一致，并且更便于区分这 3 项功能。

请向 Chromium 问题 #1041830 发送反馈。

在 Network 面板中使用新的 cookie-path 过滤条件关键字，可重点关注设置特定 Cookie 路径的网络请求。

请查看按房源过滤请求，以发现更多特殊关键字，例如 cookie-path。

从命令菜单停靠到左侧

打开命令菜单并运行 Dock to left 命令，将开发者工具移至视口的左侧。

开发者工具停靠在视口左侧

请向 Chromium 问题 #1011679 发送反馈。

主菜单中的 `Settings` 选项已移动

现在，从主菜单中打开设置的选项可在更多工具下找到。

请向 Chromium 问题 #1050855 发送反馈。

Audits 面板现已更名为 Lighthouse 面板

开发者工具和 Lighthouse 团队经常从 Web 开发者那里收到反馈，表示他们可以通过开发者工具运行 Lighthouse，但在试用时却找不到“Lighthouse”面板，因此 Audits 面板现已改为 Lighthouse 面板。

Lighthouse 面板

删除文件夹中的所有本地替换项

设置本地替换后，您现在可以右键点击某个文件夹，然后选择新的删除所有替换项选项，以删除该文件夹中的所有本地替换项。

删除所有替换项

请向 Chromium 问题 #1016501 发送反馈。

更新了长任务界面

长任务是一种 JavaScript 代码，它会长时间独占主线程，导致网页冻结。

一段时间以来，您已经能够在“性能”面板中直观呈现长任务，但在 Chrome 83 中，“性能”面板中的长任务可视化界面已更新。任务的长任务部分现在显示为红色条纹背景。

新的长任务界面

请向 Chromium 问题 #1054447 发送反馈。

“Manifest”（清单）窗格中的可遮盖图标支持

Android Oreo 引入了自适应图标，可在不同设备型号上显示为各种形状的应用图标。可遮盖图标是一种支持自适应图标的新图标格式，可确保 PWA 图标在支持可遮盖图标标准的设备上呈现良好的显示效果。

在 Manifest 窗格中启用新的 Show only the minimum security value for maskable icon 复选框，以检查可遮盖式图标在 Android Oreo 设备上是否具有良好的显示效果。如需了解详情，请参阅我的当前图标准备好了吗？。

“仅显示可遮盖式图标的最小安全区域”复选框

下载预览渠道

请考虑将 Chrome Canary、开发者版或 Beta 版用作您的默认开发浏览器。通过这些预览渠道，您可以访问最新的开发者工具功能，测试先进的网络平台 API，并在用户之前发现您网站上的问题！

与 Chrome 开发者工具团队联系

使用以下选项讨论博文中的新功能和变更，或与开发者工具相关的任何其他内容。

请通过 crbug.com 提交建议或反馈。
在开发者工具中使用更多选项 > 帮助 > 报告开发者工具问题来报告开发者工具问题。
请发送电子邮件至 @ChromeDevTools。
请对我们的开发者工具新功能 YouTube 视频或开发者工具提示 YouTube 视频发表评论。