Utilizza Elementi > Nella scheda Proprietà puoi sfogliare e filtrare le proprietà degli oggetti DOM.
Apri la scheda Proprietà
Per aprire la scheda 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 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 le proprietà dell'oggetto e in grassetto.
Trovare l'origine di una proprietà ereditata
La scheda Proprietà valuta le funzioni di accesso sugli elementi integrati e li visualizza sull'oggetto come ereditati e con un carattere normale.
Per trovare l'origine di una proprietà ereditata, espandi un oggetto, quindi il relativo [[Prototype]]
, poi l'elemento [[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. Ciò semplifica la diagnosi degli 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 tutte.
Informazioni sulle proprietà
Elementi > La scheda Proprietà mostra una serie di proprietà.
Proprietà semplici
Le proprietà semplici sono coppie di <name>: <value>
.
Oggetti e array
Le proprietà comprimibili ({}
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. Sono definiti direttamente sull'oggetto.
Le proprietà in carattere normale vengono ereditate dalla catena del prototipo. 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 hanno colori brillanti. Le proprietà non enumerabili sono disattivate.
Puoi eseguire l'iterazione delle proprietà enumerabili con il ciclo for … in
o il metodo Object.keys()
.
Metodi
I metodi sono contrassegnati con l'icona f ()
.
Per maggiori informazioni sulle funzioni, vedi Ispezionare le funzioni tramite la console.