此页面由 Cloud Translation API 翻译。

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

Kayce Basques

在控制台中支持 `let` 和 `class` 声明

控制台现在支持重复声明 let 和 class 语句。对于使用 Play 管理中心尝试新 JavaScript 代码的 Web 开发者来说，无法重新声明是一大常见问题。

警告：在控制台之外的脚本中或在控制台的单个输入中重新声明 let 或 class 语句仍会导致 SyntaxError。

例如，以前，使用 let 重新声明局部变量时，控制台会抛出错误：

Chrome 78 中的控制台屏幕截图，显示 let 重复声明失败。

现在，控制台允许重复声明：

Chrome 80 中的控制台屏幕截图，显示 let 重复声明成功。

Chromium 问题 #1004193

改进了 WebAssembly 调试功能

开发者工具已开始支持 DWARF 调试标准，这意味着，对于在开发者工具中以源语言单步调试代码、设置断点和解析堆栈轨迹的支持，如需了解完整详情，请参阅改进了 Chrome 开发者工具中的 WebAssembly 调试功能。

由 DWARF 提供支持的新 WebAssembly 调试的屏幕截图。

“网络”面板更新

“启动器”标签页中的请求启动器链

您现在可以以嵌套列表的形式查看网络请求的发起者和依赖项。这有助于您了解请求资源的原因，或特定资源（例如脚本）导致的网络活动。

“Initiator”标签页中一个请求启动器链的屏幕截图

在“网络”面板中记录网络活动后，点击资源，然后前往启动器标签页以查看其请求启动器链：

检查的资源以粗体显示。在上面的屏幕截图中，https://web.dev/default-627898b5.js 是被检查的资源。
已检查资源上方的资源是发起者。在上面的屏幕截图中，https://web.dev/bootstrap.js 是 https://web.dev/default-627898b5.js 的发起者。换句话说，https://web.dev/bootstrap.js 导致了对 https://web.dev/default-627898b5.js 的网络请求。
所检查的资源下面的资源是依赖项。在上面的屏幕截图中，https://web.dev/chunk-f34f99f7.js 是 https://web.dev/default-627898b5.js 的依赖项。换句话说，https://web.dev/default-627898b5.js 导致了对 https://web.dev/chunk-f34f99f7.js 的网络请求。

Chromium 问题 #842488

在概览中突出显示所选的网络请求

点击网络资源以检查它后，“网络”面板现在会在概览中围绕该资源显示蓝色边框。这可以帮助您检测网络请求发生的时间早于还是晚于预期。

“Overview”窗格的屏幕截图，其中突出显示了所检查的资源。

Chromium 问题 #988253

“网络”面板中的网址和路径列

使用 Network 面板中的新 Path 和网址列可以查看每个网络资源的绝对路径或完整网址。

“Network”面板中新“路径”和“网址”列的屏幕截图。

右键点击广告瀑布流表格标题，然后选择路径或网址以显示新列。

Chromium 问题 #993366

已更新用户代理字符串

DevTools 支持通过 Network Conditions 标签页设置自定义用户代理字符串。用户代理字符串会影响附加到网络资源的 User-Agent HTTP 标头，以及 navigator.userAgent 的值。

预定义的用户代理字符串已更新，以反映现代浏览器版本。

“网络条件”标签页中“用户代理”菜单的屏幕截图。

如需访问网络状况，请打开命令菜单并运行 Show Network Conditions 命令。

Chromium 问题 #1029031

审核面板更新

新的配置界面

配置界面采用了全新的自适应设计，并简化了限制配置选项。如需详细了解限制界面变更，请参阅审核面板节流。

新的配置界面。

“覆盖率”标签页更新

每个函数或每个块覆盖模式

“覆盖率”标签页有一个新的下拉菜单，可让您指定是按函数还是按块收集代码覆盖率数据。按块涵盖的范围更详细，但收集费用也更高。现在，在默认情况下，DevTools 使用按函数覆盖率。

覆盖率模式下拉菜单。

现在必须通过重新加载网页来启动覆盖范围

移除了在不重新加载网页的情况下切换代码覆盖率的功能，因为覆盖率数据不可靠。例如，如果函数在很久以前执行过，并且 V8 的垃圾回收器已清理了该函数，则可以将其报告为未使用。

Chromium 问题 #1004203

下载预览渠道

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

与 Chrome 开发者工具团队联系

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

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