如何在Chrome Devtools中查找匹配(闭合)JavaScript括号?

15

我是一个JavaScript新手。我正在使用开发工具审查一大段JS代码,想知道有没有一种简单的方法来定位函数中的闭合括号。是否有一种功能可以突出显示一个开括号并确定关闭括号的位置?


1
“Sources”选项卡具有语法高亮功能。 - jeremy
嗨,本,如果您还在活动中,接受其中一个答案会很好。 - Yılmaz Durmaz
3个回答

23
你可以使用Chrome开发工具的快捷方式。首先将光标移动到打开或关闭括号旁边,然后按下CTRL + m。请注意,这也适用于圆括号和大括号。
要查看所有可用的快捷键,请单击devtools右上方的三个点图标,然后单击快捷方式

@AamirKhan,可能OP不知道在提问后接受答案的做法。虽然这是一个旧话题,但让我们警告他要这样做。 - Yılmaz Durmaz
值得注意的是,如果找不到匹配的括号,光标不会跳转。当光标位于括号旁边时,如果括号不匹配,该字符将以橙红色的高亮和下划线显示。对于匹配的括号,高亮显示为灰色。 - RNanoware

3
您应该使用源代码选项卡。 在底部栏中有几个按钮,其中包括漂亮的打印(pretty print),看起来像这样:{} 它会显示格式化后的JS。当您将光标放在大括号上时,另一个(关闭或打开)大括号将自动匹配。
对于Chrome的最新开发工具,请使用Chrome Canary。
参考资料 > https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

此功能在最新版本的Chrome(28)中已启用。 - Koterpillar
是的,Chrome已经为我启用了自动更新,并且我已经使用这个功能有一段时间了。还有其他选项,比如Chrome的插件webdeveloperfirebug也非常有帮助。 - thoughtbot
为了进一步阐述,开放和关闭大括号将会被下划线标出(即它们下方会有一个下划线)。至少在目前最新版本的Google Chrome Version 32.0.1700.76 m中是这样的。 - informatik01

-2
据我所知,在Chrome开发工具中没有这样的功能,但是如果你将代码复制粘贴到像Notepad++或Dreamweaver这样的程序中,并将光标放在括号右侧,则相应的括号将被突出显示。

请查看上面的答案。 - netskink

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接