Bekomme Zeilennummer im Elements-Fenster der Chrome Developer Tools?

Question

In Chrome, Tools -> Entwicklertools -> Tab "Elemente". Es gibt keine Zeilennummern neben dem Quellcode. Gibt es eine Möglichkeit, sie einzuschalten?

Answer 1

Es gibt keine Möglichkeit, eine Zahlenlinie im Entwicklerbereich anzuzeigen. Sie können STRG+U auf der Webseite drücken, auf der Sie die Linie im Code sehen möchten. Viel Glück

Answer 2

Ich weiß nicht, wie nützlich es sein wird, aber Sie können mit der rechten Maustaste auf das HTML-Element im Tab "Elemente" klicken, "Als HTML kopieren" auswählen und die Ergebnisse in Ihren Lieblings-Texteditor einfügen. Dadurch erhalten Sie Zeilennummern für das DOM, wie es an dem Punkt existiert, an dem Sie es kopieren.

Wie die Kommentare zeigen, entspricht dies nicht den Quellzeilennummern.

Answer 3

Wenn Sie auf Seitenquellcode anzeigen gehen, werden die aktuellen Zeilennummern angezeigt. Entweder Rechtsklick -> Seitenquellcode anzeigen oder Strg+U unter Windows oder Cmd+Option+U unter Mac drücken.

Für was es wert ist, ich brauchte das, weil ich einen JavaScript Fehler mit einer Zeilennummer bekam. Die Entwicklertools zeigten diesen Abschnitt nicht im regulären Quellcode-Tab an, vermutlich weil er in HTML eingebettet war und ich einen Kompilierungsfehler hatte (dummer fehlender Komma).

Answer 4

Drücken Sie "F12" oder gehen Sie zu den Entwicklertools. Klicken Sie auf die Registerkarte "Quellen" und doppelklicken Sie auf die bereits ausgewählte Datei im linken Bereich. Siehe Screenshot dieser Webseite unten.

Answer 5

Es hat keine Zeilennummer, weil es die geparste und korrigierte Version Ihres HTML-Codes ist und die Zeilennummern möglicherweise sehr unterschiedlich von dem sind, was Sie in Ihrem Code-Editor sehen. Der beste Weg, genau dasselbe Element zu finden, besteht darin, dem Element ein ID-Attribut hinzuzufügen und dann document.querySelectorAll('#CUSTOM_ID') zu verwenden. Wenn Sie das unveränderte HTML sehen möchten (was der Browser vom Server erhalten hat), klicken Sie einfach mit der rechten Maustaste auf die Seite und wählen Sie Seitenquelltext anzeigen.