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

Jecelyn Yeen

关于无效 CSS 属性的提示

现在，开发者工具可以识别有效但没有效果的 CSS 样式。在 Styles 窗格中，开发者工具会将无效属性淡出。将鼠标悬停在规则旁边的图标上，即可了解规则没有显示效果的原因。

关于无效 CSS 属性的提示。

Chromium 问题：1178508

在“Recorder”面板中自动检测 XPath 和文本选择器

Recorder 面板现在支持 XPath 和文本选择器。开始记录用户流，记录器会自动选取 XPath 和最短唯一文本作为选择器（如果有）。

“Recorder”面板中的 XPath 和文本选择器。

Chromium 问题：1327206、1327209

逐步执行以英文逗号分隔的表达式

您现在可以在调试期间逐步执行以英文逗号分隔的表达式。这提高了缩减代码的可调试性。

逐步执行以英文逗号分隔的表达式。

以前，开发者工具仅支持单步调试以分号分隔的表达式。

根据以下代码，

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

转译器和缩减器可能会将它们变成逗号分隔的表达式。

function bar(){return foo(),foo(),42}

这会在调试期间造成混淆，因为经过缩减的代码和编写的代码步进行为有所不同。就原始代码而言，使用源代码映射调试缩减后的代码时，更让人感到困惑，因为开发者随后会查看分号（在底层被工具链转换为逗号），但调试程序并未停止。

Chromium 问题：1370200

改进了“忽略”列表设置

前往设置 > 忽略列表。开发者工具改进了设计，可帮助您配置规则以忽略单个脚本或脚本模式。

“忽略列表”标签。

Chromium 问题：1356517

其他亮点

以下是此版本中一些值得注意的修复：

  • 按空格键时，系统会在 Styles 窗格中自动填充 CSS 属性名称。(1343316)
  • 移除了元素面板的面包屑导航中的自动滚动功能。(1369734)

下载预览渠道

您可以考虑将 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