Ich weiß, wie Sie mithilfe von Chrome Developer Tools Haltepunkte in JavaScript-Code festlegen können, sofern sich der Code in einer .js
-Datei befindet. Wenn sich der Code jedoch in einem <script>
-Tag in einem HTML-Dokument befindet, kann ich nicht herausfinden, wie der Code in den Entwicklertools gefunden wird, um den Haltepunkt festzulegen.Wie setze ich Haltepunkte in JavaScript-Code, der sich im Dokument befindet?
Antwort
Öffnen Sie das Chrome-Entwickler-Tool und Navigieren Sie zu Sources
und auf der linken Seite sehen Sie Ihre index.html
klicken Sie darauf und finden Sie die <script>
-Tag und setzen Sie Haltepunkt.
Ich habe meinen Fehler gefunden ... Ich musste die Ordner, wo meine Seite war, aufschlüsseln, und als ich sie öffnete, war sie leer. Ich musste dann die Seite aktualisieren, um den Inhalt zu sehen, und dann das Skript finden – JoelFan
Navigieren Sie auf der Registerkarte Quellen der Entwicklerwerkzeuge zum HTML-Dokument und klicken Sie auf die Zeilennummer.
Ich sehe keine Skript-Registerkarte. Ich sehe nur Elemente, Konsole, Quellen, Netzwerk, Timeline, Profile, Ressourcen, Sicherheit und Audits – JoelFan
Ich meinte Quellen. – Quentin
OK ... Ich musste auch die Hierarchie aufschlüsseln, um die Seite zu finden, dann öffne sie (ein leeres Fenster wird geöffnet), dann aktualisiere. – JoelFan
Es gibt keinen Unterschied, die Sie gerade den Haltepunkt auf der Zeilennummer gesetzt oder die debugger;
Anweisung direkt im Quellcode verwenden.
Haben Sie versucht, einen Debugger im Skriptblock hinzuzufügen? Für mich kann ich einige der Code unter der Registerkarte "Quellen" sehen, auf der linken Seite gibt es eine Ordner-Struktur zur Auswahl – deebs