Panel Elementy umożliwia sprawdzanie i edytowanie elementów DOM.
Przegląd
Panel Elementy zapewnia szybki interfejs do badania i manipulacji DOM. Korzystając z drzewa DOM, które przypomina dokument HTML, możesz wybrać konkretne węzły DOM i zmodyfikować je za pomocą innych narzędzi.
W panelu Elementy znajdują się też te karty z odpowiednimi narzędziami:
Style:
- Wyświetlanie i debugowanie reguł CSS zastosowanych do elementu ze wszystkich arkuszy stylów.
- Znajdź nieprawidłowe, zastąpione, nieaktywne lub nieaktywne usługi porównywania cen, które nie działają zgodnie z oczekiwaniami.
- Aby edytować elementy, dodaj deklarację, zastosuj klasę i wejdź w interakcję z modelem Box.
- Opcje edycji kontenerów znajdziesz za pomocą opcji Plakietki w drzewie DOM.
Wynikowy: zawiera listę właściwości rozpoznanych zastosowanych do elementu podczas renderowania przez Chrome.
Układ: zawiera opcje modyfikowania nakładek siatka i flexbox.
Detektory zdarzeń: wyświetla listę wszystkich detektorów zdarzeń i ich atrybutów. Umożliwia znalezienie źródła detektorów zdarzeń i odfiltrowanie detektorów pasywnych lub blokujących.
Punkty przerwania DOM: zawiera listę punktów przerwania zmian DOM dodanych z panelu Elementy oraz umożliwia ich włączanie, wyłączanie, usuwanie i ujawnianie.
Właściwości: wybierz węzeł DOM, aby sprawdzić i posortować własne i odziedziczone właściwości obiektu.
Ułatwienia dostępu: zawiera listę elementów z etykietami ARIA i ich właściwościami. Umożliwia przełączanie i sprawdzanie drzewa ułatwień dostępu (funkcja eksperymentalna).
Otwórz panel Elementy
Domyślnie po otwarciu Narzędzi deweloperskich otwiera się panel Elementy. Możesz też sprawdzić węzeł w dowolnym miejscu na stronie, aby automatycznie otwierać panel Elementy.
Aby ręcznie otworzyć panel Elementy:
- Otwórz Narzędzia deweloperskie.
- Otwórz menu Command, naciskając klawisze:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Zacznij pisać
Elements, wybierz Pokaż elementy i naciśnij Enter. Narzędzia deweloperskie wyświetlają panel Elementy w panelu u dołu okna.