Jak wyświetlić kod przedmiotu w Chrome: 7 kroków

Z tego artykułu dowiesz się, jak przeglądać źródłowy kod HTML elementu wizualnego w wersji komputerowej kodu Google na dowolnej stronie internetowej.

Kroki

jeden. Uruchom przeglądarkę Google Chrome na komputerze. Kliknij wielobarwny okrągły ikonę z niebieskim centrum. Znajduje się w folderze "Programy" (Mac) lub w menu Start (Windows).

Obraz zatytułowany Inspect Element na Chrome Krok 2

2. Kliknij ikonę w postaci trzech punktów znajdujących się pionowo. Znajdziesz go na ciąg adresie w prawym górnym rogu okna przeglądarki. Otwórz menu.

Obraz zatytułowany Inspect Element na Chrome Krok 3

3. Wybierać Dodatkowe narzędzia w menu. Otwiera się podmenu.

Obraz zatytułowany Inspect Element na Chrome Krok 4

cztery. Kliknij Narzędzia programisty w podmenu. Panel deweloperski otwiera się po prawej stronie okna przeglądarki.

Również ten panel można otworzyć, jeśli klikniesz ⌥ Opcja+⌘ cmd+JA (Mac) lub Ctrl+Alt+JA (Windows).

Obraz zatytułowany Inspect Element na Chrome Krok 5

pięć. Myszą nad elementem na panelu dewelopera. Ten element zostanie podświetlony na stronie internetowej.

Obraz zatytułowany Element na Chrome Krok 6

6. Kliknij prawym przyciskiem myszy przedmiot na stronie internetowej, którego chcesz wyświetlić. Otwórz menu.

Obraz zatytułowany Inspect Element na Krok Chrome 7

7. Wybierać Wyświetl kod w menu. Zawartość panelu dewelopera automatycznie przewija się do wybranego elementu, a jego kod zostanie podświetlony.

Nie musisz ręcznie otwierać panel deweloperski. Po kliknięciu "Pokaż kod" panel deweloperów otworzy się automatycznie.