Utilizza la scheda Elementi > Proprietà per sfogliare e filtrare le proprietà degli oggetti DOM.
Apri la scheda Proprietà
Per aprire la scheda Proprietà:
- Apri DevTools. Per impostazione predefinita, si apre il riquadro Elementi.
- Nell'albero DOM, seleziona un nodo.
- Apri la scheda Proprietà. Se non vedi la scheda, fai clic su Altro e selezionala dal menu a discesa.
Individua le proprietà proprie
La scheda Proprietà ordina e mostra per prime e in grassetto le proprietà dell'oggetto.
Trovare l'origine di una proprietà ereditata
La scheda Proprietà valuta gli accessori negli elementi integrati e li mostra nell'oggetto come ereditati e in carattere normale.
Per trovare l'origine di una proprietà ereditata, espandi un oggetto, quindi il relativo [[Prototype]], quindi il [[Prototype]] nidificato e così via.
In questo esempio, puoi risalire alla provenienza della proprietà size ereditata individuando la proprietà own (in grassetto) originale nella catena del prototipo insieme al getter corrispondente.
Inoltre, le proprietà specifiche del prototipo vengono mostrate solo nei prototipi, non negli 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 immissione Filtro.
Mostra tutte le proprietà
Per impostazione predefinita, la scheda Proprietà non mostra le proprietà con valori null e undefined.
Per visualizzare tutte le proprietà, seleziona Mostra tutto.
Informazioni sulle proprietà
La scheda Elementi > Proprietà mostra una serie di proprietà.
Proprietà semplici
Le proprietà semplici sono coppie di <name>: <value>.
Oggetti e array
Le proprietà comprimibili () sono oggetti {} o array [].
Per ulteriori informazioni 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à proprie ed ereditate
Le proprietà in grassetto sono proprietà dell'oggetto. Vengono definiti direttamente nell'oggetto.
Le proprietà nel carattere normale vengono ereditate dalla catena di prototipi. Per mostrarteli, DevTools valuta gli accessori pertinenti negli elementi HTML incorporati.
DevTools ordina prima le proprietà per semplificarne l'individuazione.
Proprietà enumerabili e non enumerabili
Le proprietà enumerabili sono di colore brillante. Le proprietà non enumerabili vengono disattivate.
Puoi eseguire l'iterazione sulle proprietà enumerabili con il ciclo for … in o il metodo Object.keys().
Metodi
I metodi sono contrassegnati da un f ().
Per maggiori informazioni sulle funzioni, vedi Esaminare le funzioni tramite la console.