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?
Odpowiedz
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
Ta funkcja jest włączona w najnowszym wydaniu Chrome (28). – Koterpillar
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
+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
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.
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
.
Dlaczego ta odpowiedź nie została przyjęta? –
https://developers.google.com/web/tools/chrome-devtools/shortcuts – emallove
- 1. Chrome DevTools przeszukuje wszystkie pliki javascript na stronie internetowej
- 2. Chrome DevTools konsolę przedłużacza
- 3. Karta obietnicy w Chrome DevTools
- 4. Chrome DevTools event event timing
- 5. Brak profilu do malowania w Chrome DevTools
- 6. Skąd Renderowanie było dostępne w Chrome DevTools?
- 7. Jak debugować rozszerzenie panelu chrome devtools?
- 8. Chrome devtools console: see toString reprezentacja obiektu?
- 9. Wyłączanie reakcji Chrome DevTools do produkcji
- 10. Łatwy sposób na znalezienie Subtree w drzewie
- 11. Chrome DevTools Timeline Aktualizacja drzewa warstwowego Wydarzenie
- 12. Chrome DevTools konwertuje wszystkie kolory HEX na RGB
- 13. Używanie zdalnych chrome devtools z Python
- 14. "Kod stanu: 200 OK (z ServiceWorker)" w Chrome Network DevTools?
- 15. Jaki jest najszybszy sposób na znalezienie wszystkich wystąpień podłańcucha?
- 16. Skuteczny sposób na znalezienie długości wyliczenia flag?
- 17. Skuteczny sposób na znalezienie liczbę kwot możliwych
- 18. Skuteczny sposób na znalezienie zamawianych par?
- 19. Chrome 59 ramek websocket nie jest już widocznych w DevTools
- 20. Szybki sposób na znalezienie następnej wielokrotności numeru
- 21. Inteligentny sposób na znalezienie kodowania ciągów znaków?
- 22. jQuery ajax: jak zapobiegać błędom 404 w chrome DevTools?
- 23. Czy istnieje sposób sprawdzania chrome chrome: // flags/values using javascript?
- 24. Jak używać punktów przerwania w sourcemaps (Chrome DevTools)
- 25. Chrome DevTools: ustawianie punktu przerwania w zmianie przewijania dokumentu?
- 26. Jak ładnie wydrukować dane wyjściowe dziennika w konsoli Chrome DevTools?
- 27. Blokowanie Chrome javascript na localhost
- 28. Znalezienie string-klucz w JavaScript tablicy
- 29. format klina łamie adnotacje w postaci linta
- 30. Czy mogę programowo otworzyć devtools z rozszerzenia Google Chrome?
Zakładka "źródła" ma podświetlanie składni. – jeremy