2013-06-19 15 views
8

newbie JavaScript tutaj. Sprawdzam duży zakres kodu JS przy użyciu devtools i zastanawiam się, czy istnieje łatwy sposób na znalezienie, gdzie nawias zamykający jest na funkcji. Czy istnieje funkcja, w której mogę podświetlić wspornik otwierający i wskazać miejsce, w którym znajduje się wspornik zamykający?Sposób na znalezienie pasującego klina JavaScript w Chrome Devtools?

+1

Zakładka "źródła" ma podświetlanie składni. – jeremy

Odpowiedz

3

Powinieneś użyć zakładki źródła. Ma kilka przycisków w stopce, która ma ładny nadruk, który wygląda tak: {}, który wyświetla sformatowany JS. Kiedy umieścisz kursor na klamrze, inny klamr (zamykający lub otwierający) jest automatycznie dopasowywany do ciebie.

Aby uzyskać najnowsze devtools w chrome, użyj chrome canary.

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

+0

Ta funkcja jest włączona w najnowszym wydaniu Chrome (28). – Koterpillar

+0

Tak, chrome ma włączone automatyczne aktualizacje, i korzystałem z tej funkcji już od jakiegoś czasu. Są też inne opcje, takie jak wtyczki 'webdeveloper' i 'firebug' dla chrome, które również pomagają. – thoughtbot

+0

+1. Aby dalej rozwinąć, oba nawiasy otwierające i zamykające zostaną ** podkreślone ** (tj. Będą miały ** podkreślenie poniżej **). Przynajmniej tak jest teraz w najnowszej wersji - Google Chrome w wersji 32.0.1700.76 m – informatik01

-2

O ile jestem świadomy ich jest w żaden sposób w ramach narzędzi chrom dev ale jeśli skopiuj i wklej kod do programu takiego jak Notepad ++ lub Dreamweaver i umieścić kursor na po prawej stronie jednego z nawiasów, wówczas odpowiedni nawias będzie podświetlony.

12

Możesz użyć skrótu chrome devtool. Najpierw przesuń kursor obok nawiasu otwierającego lub zamykającego, a następnie wykonaj CTRL + m. Zauważ, że działa to również w nawiasach i nawiasach klamrowych.

Aby zobaczyć wszystkie dostępne skróty, kliknij ikonę trzech kropek w prawym górnym rogu devtools, a następnie kliknij na Shortcuts.

+1

Dlaczego ta odpowiedź nie została przyjęta? –

+0

https://developers.google.com/web/tools/chrome-devtools/shortcuts – emallove

Powiązane problemy