Jak dodać punkty przerwania w wbudowanym javascript w chrome

Chcę debugować mój kod javascript i móc skutecznie umieszczać punkty przerwania w wymaganych miejscach w zakładce źródła.Jak dodać punkty przerwania w wbudowanym javascript w chrome

Jednak napotkam problem, w którym chcę debugować mój wbudowany kod javascript. Czy mamy jakąkolwiek funkcję narzędzia do debugowania chrome, za pomocą której mogę debugować mój wbudowany kod javascript.

Nie mam problemu z używaniem Firebug również do celów debugowania.

PS: Przez wbudowany kod javascript, mam na myśli kod JS wewnątrz znacznika body i w tym samym pliku.

Źródło

2013-05-16 sachinjain024

Czy używasz instrukcji 'debugger;'? –

Nie chcę zmieniać kodu w celu debugowania, ponieważ w późniejszym czasie muszę usunąć te linie debuggera. Zastanawiam się więc nad rozwiązaniem, aby poprosić przeglądarkę, aby zatrzymała się w punktach przerwania, tak jak zatrzymuje się w zakładce źródłowej. – sachinjain024

możliwy duplikat [Jak ustawić punkt przerwania w wbudowanej przeglądarce JavaScript w przeglądarce Google Chrome dla systemu Linux?] (Http://stackoverflow.com/questions/5156388/how-to-set-breakpoint-in-inline-javascript-in-google -chrome-browser-for-linux) –

Innym sposobem może być przy użyciu metody dynamicznej skryptu. Chrome udostępnia proste polecenie analizatora składni, które może oznaczać dynamicznie załadowane JS.

<script type="text/javascript"> 
[...] 
//# sourceURL=dynamicScript.js 
</script>

Linia ta mówi debugera chrom, że cały ten skrypt wewnątrz tagu skrypt powinien być interpretowany jako plik dynamicScript.js. Możesz znaleźć plik na liście debuggera i łatwo ustawić punkty przerwania lub sprawdzić kod.

Uwaga: @ otrzymuje #, aby uniknąć błędów na nieobsługiwanych przeglądarek

Breakpoints in Dynamic JavaScript

Źródło

2014-01-09 14:22:36 fazzyx

Należy zwrócić uwagę, że [odpowiedź tylko do łącza] (http: //meta.stackoverflow.com/tags/link-only-answers/info) są odradzane, odpowiedzi SO powinny być punktem końcowym wyszukiwania rozwiązania (w porównaniu z innym punktem odniesienia, który z czasem staje się nieaktualny). Proszę rozważyć dodanie samodzielnego streszczenia tutaj, zachowując odnośnik jako odniesienie. – kleopatra

@fazzyx Dzięki za link. Zgadzam się również z Kleopatrą, aby odpowiedzi były punktem końcowym wyszukiwania. Więc albo powinieneś zaktualizować swoją odpowiedź z odpowiednią treścią lub po prostu umieścić link w komentarzu. – sachinjain024

Dzięki za notatkę. Zaktualizowałem odpowiedź. – fazzyx

Znalazłem rozwiązanie. Możemy również umieszczać punkty przerwania na wbudowanym javascript.

Rozwiązanie:

idź do źródła kartę w Chrome narzędzia dev i można zobaczyć wszystkie źródła tam.
Twój kod HTML będzie obecny z podobną strukturą katalogu, jak w podanym adresie URL.
A potem można otworzyć HTML i miejsce przerwania w inline kodu JavaScript

Źródło

2013-05-17 05:47:03 sachinjain024

Możliwe jest wstawianie punktów przerwania i działa, ale gdy skrypt znajduje się wewnątrz znacznika szablonu, chrom po prostu je ignoruje i niestety nie wstrzyma skryptu w punktach przerwania. – Eddie

@blunderboy Jeśli następujący typ JS zawiera wewnątrz znacznika body nigdy nie pojawi się w strukturze katalogów, więc w takim przypadku twoje rozwiązanie nie będzie działać.

<div> 
<script src="myJSfile.js"> 
</script> 
</div>

dzieje się to w jquery mobile, gdzie wszystko poza stroną div nie jest załadowane, więc musisz włączyć JS wewnątrz div strony.

Byłbym oznaczony jako odpowiedź przez @fazzyx jako poprawna odpowiedź, ponieważ w ten sposób przynajmniej chrome będzie pokazywać nawet dołączone pliki.

Źródło

2014-03-14 23:00:21 TechMaze

Jak dodać punkty przerwania w wbudowanym javascript w chrome

Odpowiedz

Powiązane problemy