Utilizza il riquadro Elementi > Proprietà per sfogliare e filtrare le proprietà degli oggetti DOM.
Apri il riquadro Proprietà
Per aprire il riquadro Proprietà, segui questi passaggi:
- Apri DevTools. Per impostazione predefinita, si apre il riquadro Elementi.
- Seleziona un nodo nell'albero DOM.
- Apri la scheda Proprietà. Se non riesci a visualizzare la scheda, fai clic su Altro
, quindi selezionala dal menu a discesa.
Individuare le proprietà
Il riquadro Proprietà ordina e visualizza le proprietà dell'oggetto per prime e in grassetto.
Trovare l'origine di una proprietà ereditata
Il riquadro Proprietà valuta le funzioni di accesso sugli elementi integrati e le visualizza nell'oggetto come ereditati e con un carattere normale.
Per trovare l'origine di una proprietà ereditata, espandi un oggetto, poi il [[Prototype]], poi il [[Prototype]] nidificato e così via.
In questo esempio, puoi scoprire da dove proviene la proprietà size ereditata individuando la proprietà originale (in grassetto) nella catena di prototipi insieme al getter corrispondente.
Inoltre, le proprietà specifiche dei prototipi vengono mostrate solo sui prototipi, non sugli oggetti. In questo modo è più facile diagnosticare gli oggetti.
Proprietà di filtro
Per trovare rapidamente una proprietà, inizia a digitarne il nome o il valore nella casella di testo Filtro.
Mostra tutte le proprietà
Per impostazione predefinita, il riquadro Proprietà non mostra le proprietà con i valori null e undefined.
Per visualizzare tutte le proprietà, seleziona Mostra tutte.
Informazioni sulle proprietà
Il riquadro Elementi > Proprietà mostra varie proprietà.
Proprietà semplici
Le proprietà semplici sono coppie di <name>: <value>.
Oggetti e array
Le proprietà comprimibili (
) sono oggetti {} o array [].
Per saperne di più sull'ispezione degli oggetti JavaScript, consulta Ispezionare le proprietà degli oggetti.
Proprietà corrispondenti ai nodi DOM
Le proprietà che corrispondono ai nodi DOM sono link. Fai clic su un link per selezionare il nodo pertinente nella struttura DOM.
Proprietà ed ereditate
Le proprietà in grassetto sono proprie dell'oggetto. Vengono definite direttamente sull'oggetto.
Le proprietà nel carattere regolare vengono ereditate dalla catena di prototipi. Per mostrarteli, DevTools valuta le funzioni di accesso pertinenti sugli elementi HTML integrati.
DevTools ordina prima le proprie proprietà per facilitarne l'individuazione.
Proprietà enumerabili e non enumerabili
Le proprietà numerabili hanno colori brillanti. Le proprietà non enumerabili sono disattivate.
Puoi eseguire l'iterazione sulle proprietà enumerabili con il loop for … in o il metodo Object.keys().
Metodi
I metodi sono contrassegnati con un f ().
Per ulteriori informazioni sulle funzioni, consulta Esaminare le funzioni tramite la console.