开发者工具中的新功能 (Chrome 81)

设备模式下的 Moto G4 支持

启用设备工具栏后,您现在可以从 Device 列表中模拟 Moto G4 视口的尺寸。

模拟 Moto G4 视口

点击 Show Device Frame,以在视口周围显示 Moto G4 硬件。

显示 Moto G4 硬件

相关功能:

  • 打开命令菜单并运行 Capture screenshot 命令,以对包含 Moto G4 硬件的视口截取屏幕截图(在启用显示设备框架后)。
  • 限制网络流量和 CPU 占用率,以便更准确地模拟移动用户的网络浏览情况。

Chromium 问题 924693

与 Cookie 相关的动态

“Cookies”窗格中已阻止的 Cookie

现在,“Application”面板中的“Cookies”窗格会使用黄色背景为被屏蔽的 Cookie 着色。

“应用”面板的“Cookies”窗格中已阻止的 Cookie

另请参阅调试 Cookie 被屏蔽的原因,了解如何从“网络”面板访问类似的界面。

Chromium 问题 1030258

Cookie 窗格中的 Cookie 优先级

“广告网络”和“应用”面板中的 Cookie 表格现在新增了一个优先级列。

Chromium 问题 1026879

修改所有 Cookie 值

现在,Cookie 表格中的所有单元格都可以修改,大小列中的单元格除外,因为该列表示 Cookie 的网络大小(以字节为单位)。有关各列的说明,请参阅字段

修改 Cookie 值

以 Node.js 提取的形式复制,以包含 Cookie 数据

右键点击网络请求,然后依次选择 Copy > Copy as Node.js fetch,以获取包含 Cookie 数据的 fetch 表达式。

以 Node.js 提取格式复制

Chromium 问题 1029826

更准确的 Web 应用清单图标

以前,为了显示 Web 应用清单图标,“Application”面板中的“Manifest”窗格会执行自己的请求。DevTools 现在显示的清单图标与 Chrome 使用的清单图标完全相同。

“Manifest”窗格中的图标

Chromium 问题 985402

将鼠标悬停在 CSS content 属性上,即可查看未转义的值

将鼠标悬停在 content 属性的值上,即可查看该值的未转义版本。

例如,在此演示中,您在检查 p::after 伪元素时,在“Styles”窗格中看到一个转义字符串:

转义字符串

当您将鼠标悬停在 content 值上时,会看到未转义的值:

未转义的值

控制台中更详细的源代码映射错误

控制台现在提供了有关来源映射加载或解析失败的原因的更多详细信息。以前,它仅提供错误,而不说明问题所在。

控制台中出现来源映射加载错误

用于停用在文件末尾后滚动的功能的设置

打开设置,然后停用偏好设置 > 来源 > 允许滚动超过文件末尾,以停用默认界面行为,该行为允许您在来源面板中滚动到文件末尾。

请点击此处查看关于该功能的 GIF 图片。

下载预览渠道

您可以考虑将 Chrome Canary 版Dev 版Beta 版用作默认开发浏览器。通过这些预览渠道,您可以使用最新的开发者工具功能,测试先进的网络平台 API,并在用户采取行动之前发现网站上的问题!

与 Chrome 开发者工具团队联系

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

  • 通过 crbug.com 提交建议或反馈。
  • 使用开发者工具中的更多选项   了解详情   > Help > Report a DevTools issues来报告开发者工具问题。
  • 发推文:@ChromeDevTools
  • 请在 YouTube 视频或“开发者工具提示”YouTube 视频中留言说明“开发者工具的新变化”。

开发者工具的新变化

开发者工具的新变化系列中涵盖的所有内容的列表。

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 浏览器 112

Chrome 111

Chrome 浏览器 110

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 已取消

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59