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

Dies ist keine Antwort, weil es außerhalb von Dev Tool geht, aber eine Umgehungslösung, um die Zeilennummer für diejenigen zu erhalten, die immer noch nach einer Antwort suchen.

1. In den Chrome-Entwicklertools auf "Elemente" klicken.

2. Klicken Sie mit der rechten Maustaste auf das -Element (es ist eine der ersten Zeilen).

3. Wählen Sie "Element kopieren".

4. Fügen Sie den kopierten Text in einen Texteditor ein, der Zeilennummern anzeigen kann.

5. Passen Sie die Zeilennummer an, indem Sie die Anzahl der Zeilen nach unten vom -Element abziehen. Zum Beispiel: Wenn die erste und einzige Zeile ist und auf der zweiten Zeile steht, ziehen Sie 1 von den Zeilennummern im Texteditor ab.

Empfohlene Verwendung: Wenn JavaScript das DOM ändert, bietet das Tab "Elemente" eine genaue Darstellung des aktuellen DOM.

Answer 2

Versuche die Chrome-Erweiterung Gehe zu Zeile:

Answer 3

Ich weiß nicht, ob sich Chrome DevTools seit dem Beitrag geändert hat, aber jetzt kannst du folgendes tun:

Erweitere den Fehler, indem du auf den Pfeil neben ihm klickst und dann auf die Zeile klickst, die stack(...) sagt, und er wird sich in dieselbe Fehlermeldung plus die Quellzeile ausdehnen, in der er aufgetreten ist.

Ich hoffe, das hilft!