JavaScript Ispettore degli elementi


Esempio

Cliccando sul inserisci la descrizione dell'immagine qui Seleziona un elemento nella pagina per ispezionarlo nell'angolo in alto a sinistra della scheda Elementi nella scheda Chrome o Inspector in Firefox, disponibile da Strumenti per sviluppatori, quindi facendo clic su un elemento della pagina viene evidenziato l'elemento e lo si assegna a $0 variabile .

L'ispettore Elements può essere utilizzato in vari modi, ad esempio:

  1. Puoi controllare se il tuo JS sta manipolando DOM nel modo in cui te lo aspetti,
  2. Puoi facilmente eseguire il debug del tuo CSS, quando vedi quali regole influenzano l'elemento
    (Scheda Stili in Chrome)
  3. Puoi giocare con CSS e HTML senza ricaricare la pagina.

Inoltre, Chrome ricorda le ultime 5 selezioni nella scheda Elementi. $0 è la selezione corrente, mentre $1 è la selezione precedente. Puoi salire fino a $4 . In questo modo puoi facilmente eseguire il debug di più nodi senza dover continuamente selezionare la selezione.

Puoi leggere ulteriori informazioni su Google Developers .