W panelu Elementy > Właściwości możesz przeglądać i filtrować właściwości obiektów DOM.
Otwórz panel Właściwości
Aby otworzyć panel Właściwości, wykonaj te czynności:
- Otwórz Narzędzia deweloperskie. Domyślnie otworzy się panel Elementy.
- W drzewie DOM wybierz węzeł.
- Otwórz kartę Właściwości. Jeśli nie widzisz tej karty, kliknij Więcej
i wybierz ją z menu.
Własne właściwości reklamy
W panelu Właściwości na początku wyświetlane są własne właściwości obiektu, wyróżnione pogrubioną czcionką.
Znajdowanie źródła dziedziczonej właściwości
W panelu Właściwości sprawdzane są akcesory wbudowane w elementy i wyświetlane w obiekcie jako dziedziczone ze standardową czcionką.
Aby znaleźć źródło dziedziczonej właściwości, rozwiń obiekt, a następnie jego [[Prototype]], zagnieżdżoną właściwość [[Prototype]] itd.
W tym przykładzie możesz ustalić, skąd pochodzi odziedziczona właściwość size, znajdując własną (pogrubioną) właściwość w łańcuchu prototypu wraz z odpowiednią metodą pobierającą.
Dodatkowo właściwości związane z prototypami są widoczne tylko na prototypach, a nie na obiektach. Ułatwia to diagnozowanie obiektów.
Filtruj usługi
Aby szybko znaleźć właściwość, zacznij wpisywać jej nazwę lub wartość w polu tekstowym Filtr.
Pokaż wszystkie właściwości
Domyślnie w panelu Właściwości nie są wyświetlane usługi z wartościami null i undefined.
Aby wyświetlić wszystkie właściwości, zaznacz pole Pokaż wszystkie.
Informacje o właściwościach
W panelu Elementy > Właściwości widoczne są różne właściwości.
Właściwości proste
Właściwości proste to pary <name>: <value>.
Obiekty i tablice
Właściwości zwijane (
) to obiekty {} lub tablice [].
Więcej informacji o sprawdzaniu obiektów JavaScript znajdziesz w artykule Sprawdzanie właściwości obiektów.
Właściwości odpowiadające węzłom DOM
Właściwości odpowiadające węzłom DOM to połączenia. Kliknij link, aby wybrać odpowiedni węzeł w drzewie DOM.
Usługi własne i dziedziczone
Właściwości wyróżnione pogrubioną czcionką są własnością obiektu. Są one definiowane bezpośrednio w obiekcie.
Właściwości czcionki zwykłej są dziedziczone z łańcucha prototypów. Aby Ci je wyświetlić, Narzędzia deweloperskie oceniają odpowiednie akcesory we wbudowanych elementach HTML.
Narzędzia deweloperskie najpierw sortują własne właściwości, aby ułatwić ich znalezienie.
Właściwości wyliczane i niepoliczalne
Różne właściwości mają jasny kolor. Właściwości, których nie można wyliczyć, są wyciszone.
Możesz iterować właściwości wyliczane za pomocą pętli for … in lub metody Object.keys().
Metody
Metody są oznaczone symbolem f ().
Więcej informacji o funkcjach znajdziesz w artykule o sprawdzaniu funkcji w konsoli.