2016-05-26 8 views
0

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?

+0

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

Antwort

1

Ö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. enter image description here

+0

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

1

Navigieren Sie auf der Registerkarte Quellen der Entwicklerwerkzeuge zum HTML-Dokument und klicken Sie auf die Zeilennummer.

screenshot of dev tools

+0

Ich sehe keine Skript-Registerkarte. Ich sehe nur Elemente, Konsole, Quellen, Netzwerk, Timeline, Profile, Ressourcen, Sicherheit und Audits – JoelFan

+0

Ich meinte Quellen. – Quentin

+0

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

1

Es gibt keinen Unterschied, die Sie gerade den Haltepunkt auf der Zeilennummer gesetzt oder die debugger; Anweisung direkt im Quellcode verwenden.