2013-08-15 3 views
20

In Chrome, Strumenti -> Strumenti per sviluppatori -> scheda Elementi. Non ci sono numeri di riga accanto al codice sorgente. C'è un modo per attivarli?Ottieni il numero di riga nella finestra Elementi di Chrome Developer Tools?

+4

Per dirla in un altro modo: possibilmente Chrome * potrebbe * mostrare i numeri di linea, ma non corrisponderebbero necessariamente ai numeri di riga nella fonte originale, a causa dell'alterazione dinamica della struttura DOM. Capisco che questo potrebbe essere utile se si stesse modificando un documento che si poteva garantire non fosse alterato dinamicamente dagli script, ma continuo a pensare che non ci sia modo di farlo. – apsillers

+2

Può essere utile: se stai utilizzando un plug-in per convalidare il tuo codice HTML e ti fornisce numeri di linea della stessa fonte nel browser, i numeri di riga indicati sono perfettamente pertinenti – PandaWood

risposta

10

Non so quanto sarà utile, ma è possibile fare clic con il pulsante destro del mouse sull'elemento html nella scheda Elementi, selezionare "Copia come HTML" e incollare i risultati nel proprio editor di testo preferito. Questo ti darà i numeri di riga per il DOM così come esiste nel punto in cui lo copi.

Come i commenti sottolineano, questo non corrisponderà ai numeri di riga di origine.

10

Non c'è modo di mostrare la linea del numero nell'area dello sviluppatore. È possibile premere CTRL + U nella pagina Web in cui si desidera visualizzare la riga sul codice. Buona fortuna

+0

Puoi premere comando + opzione + u se sei su un mac. – MichaelBrawn

-4

Non so se Chrome DevTools è cambiato da quando il post, ma è possibile farlo ora:

Espandere l'errore facendo clic sulla freccia accanto ad esso e quindi fare clic sulla riga che dice stack (...) e si espanderà nello stesso messaggio di errore più la linea di origine in cui si è verificato.

Spero che questo aiuti!

+0

La domanda non dice nulla sugli errori - solo l'ispettore DOM – henry

3

Se si fa clic con il tasto destro del mouse -> Visualizza origine pagina, questo mostrerà i numeri di riga correnti.

Per quello che vale, avevo bisogno di questo perché stavo ottenendo un errore javascript con un numero di linea. Gli strumenti di sviluppo non mostravano questo snippet nella normale scheda sorgente, presumibilmente perché era incorporato in HTML e avevo un errore di compilazione (stupida virgola mancante).

-1

Prova Chrome Extension Go to line:

+0

è una buona pratica per copiare parti essenziali del contenuto del link qui – miraclefoxx

0

Essa non ha un numero di riga perché è l'analizzato e corretto la versione del codice HTML ed i numeri di riga potrebbe essere molto diverso da quello che si vede in voi editor di codice . Il modo migliore per trovare esattamente lo stesso elemento è aggiungere un attributo ID all'elemento e quindi utilizzare document.querySelectorAll ('# CUSTOM_ID'); Se si desidera vedere l'HTML invariato (quale browser ha ricevuto dal server), basta fare clic con il pulsante destro sulla pagina e scegliere l'origine della pagina di visualizzazione.

0

I numeri di riga non sono più utilizzati in HTML. Ogni linea ha ora un nome univoco.