如何在Chrome Devtools中找到匹配（关闭）JavaScript括号？

Question

JavaScript newbie here. I'm reviewing a big swath of JS code using devtools and I'm wondering if there's an easy way to locate where the closing bracket is on a function. Is there a feature where I can highlight an opening bracket and pinpoint where the closing bracket is located?

Answer 1

You can use a chrome devtool shortcut. First move the cursor next to opening or closing bracket then do CTRL + m . Note this also works for parenthesis and curly brackets.

To see all the available shortcuts click on three dots icon at the top right side of devtools then click on Shortcuts .

Answer 2

You should use the sources tab. It has few buttons in the footbar, which has pretty print which looks like this: {} which displays the formatted JS. When you put your cursor on a brace the other (closing or opening ) brace is automatically matched for you.

For latest devtools in chrome, use chrome canary.

refer > https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

Answer 3

据我所知，他们在chrome dev工具中是不可能的，但是如果你将代码复制并粘贴到Notepad ++或Dreamweaver等程序中，并将光标放在其中一个括号的右侧，则相应的括号将突出显示。