开发者工具摘要,2016 年 10 月

嗨,Kayce,您好!很高兴再次为您服务,我们将介绍另一个摘要,让您了解自上个月以来开发者工具的新变化。

控制台中的新功能

在 Chrome 56(目前为 Canary 版)中,开发者工具控制台由 CodeMirror 提供支持。这实现了诸多新功能,例如:

在输入时突出显示语法。以前,开发者工具只有在评估代码块之后才能突出显示语法。

使用匹配圆括号 / 中括号 / 大括号突出显示。如果您有多余的圆括号、方括号或大括号,开发者工具会将其突出显示为红色。

括号不匹配

当光标位于匹配的圆括号、大括号或大括号中其中之一旁边时,它们会突出显示为灰色。

匹配的括号

智能退货。现在,当您输入多行代码块时,每次按 Enter 键时,开发者工具都会知道是创建新行还是执行代码。例如,假设您想要在控制台中评估以下 for 循环:

for (var i = 0; i < 5; i++) {
  console.log(i);
}

过去,在输入第一行后按 Enter 键会导致开发者工具评估该行,进而导致错误。若要使代码块继续另起一行,您必须先按住 Shift,然后再按 Enter 键。而现在,当您按 Enter 键后,开发者工具会自动换行继续代码块,这一点与您的预期相同。

多个游标。按住 Command (Mac) 或 Ctrl + Alt(Windows、Linux),然后点击。

多个游标

Canary 版现在以红色突出显示非顶部上下文

如果您最近使用控制台操作,则可能会因将执行上下文选择器设置为 top 以外的值而遇到一个可怕的小错误。

该 bug 现在应该已在稳定版中修复,但为了安全起见,Canary 版开发者工具 (Chrome 56) 现在通过将选择器突出显示为红色来警告您,您不在 top 上下文中。

非顶部上下文突出显示为红色

新的用户代理:UC 浏览器

您现在可以从网络条件 抽屉式标签页中选择 UC 浏览器(iOS、Android 或 Windows Phone)。

UC 浏览器用户代理

分享是一种关爱

与往常一样,我们非常期待收到您对开发者工具相关任何方面的反馈或想法。

  • 如需提出简短问题、提供反馈,或分享新想法,请在 Twitter 上通过 ChromeDevTools 与我们联系。
  • 对于较长的讨论,最好的选择是向邮寄名单Stack Overflow 寻求帮助。
  • 如有任何关于文档的问题,请在我们的文档代码库中提交问题
  • 您可以随时直接与团队联系以提交 bug 或请求 Crbug 的功能。

直到下个月

凯采