Google Chrome Javascript Debugger und Inhaltsskripte

Question

Diese Frage wurde bereits in ähnlicher Weise gestellt avant , aber ich kann Javascript in Google Chrome nicht debuggen.

Wenn ich auf Seite > Entwickler gehe, wird die Option "Debug Javascript" ( Ctrl + Shift + L ) ist deaktiviert. Alt + ` funktioniert nicht.

Ich entwickle eine "Inhaltsskript"-Erweiterung, also starte ich Chrome mit --enable-extensions .

Idealerweise würde ich gerne Haltepunkte setzen und mein Skript während der Ausführung schrittweise durchlaufen lassen. Ich bin ein wenig über meinen Kopf, wenn es um JavaScript kommt, so dass jede Anleitung geschätzt wird.

Ich kann die "JavaScript-Konsole" aufrufen, aber die Inhaltsskripte darin nicht finden. Ich bin mir auch nicht sicher, wie sich das vom "JavaScript-Debugger" unterscheidet.

Ich verwende den neuesten Dev-Build von Chrome (2.0.181.1) unter Windows XP.

Answer 1

Fügen Sie den folgenden Befehl in Ihr Skript ein:

debugger;

Das wird den Javascript-Debugger starten, wenn er an diesen Punkt kommt

Answer 2

Diese Antworten scheinen alle veraltet zu sein, und da diese Frage bei Google ganz oben steht, hier die aktuelle Antwort:

In Chrome drücken CTRL+SHIFT+i um die Entwicklertools aufzurufen.

Wählen Sie 'Quellen'.

Klicken Sie auf den kleinen Pfeil, mit dem Sie aus den Skripten auswählen können

Wählen Sie dann 'Inhaltsskripte'.

Sie müssen dann die Kennung Ihrer Erweiterung kennen (die Sie auf der Seite "Erweiterungen verwalten" von Chrome finden), um auf Ihre Skripte zugreifen und sie wie gewohnt debuggen zu können.

Answer 3

Klicken Sie mit der rechten Maustaste und wählen Sie Element inspizieren. Dort finden Sie neben anderen Debugging-Tools auch den JS-Debugger. Der JS-Debugger sollte es Ihnen ermöglichen, Haltepunkte usw. zu setzen.

Answer 4

Aktivieren Sie Ihre Erweiterung und klicken Sie dann in Chrome auf "Entwickler" -> "Javascript-Konsole". Klicken Sie dann auf die Registerkarte "Skripte". Danach sollten Sie direkt darunter eine Auflistung aller geladenen Skripte sehen. Sie sehen die Skripte für die aktuelle Seite sowie alle Skripte der von Ihnen installierten Erweiterungen. (Wenn Sie nach dem Öffnen der Konsole keine Skripte sehen, müssen Sie möglicherweise die Seite aktualisieren)

Es scheint, dass allen Chrome-Erweiterungen eine eindeutige ID zugewiesen wird. Sie können Ihre ID herausfinden, indem Sie die Seite mit den Chrome-Erweiterungen im Entwicklermodus aufrufen.

Dann müssen Sie nur noch die Skripte in der Dropdown-Liste nach Ihrem Skript durchsuchen. Wählen Sie Ihr Skript aus und Sie können Haltepunkte usw. setzen.

Viele weitere Informationen zu den Chrome Dev Tools finden Sie hier: http://www.chromium.org/devtools