Jak sprawdzić element w Chrome: 7 kroków (ze zdjęciami)

Spisu treści:

Jak sprawdzić element w Chrome: 7 kroków (ze zdjęciami)
Jak sprawdzić element w Chrome: 7 kroków (ze zdjęciami)

Wideo: Jak sprawdzić element w Chrome: 7 kroków (ze zdjęciami)

Wideo: Jak sprawdzić element w Chrome: 7 kroków (ze zdjęciami)
Wideo: how to add hair on bald man in photoshop | #shorts 2024, Może
Anonim

Ta wikiHow uczy, jak za pomocą komputera sprawdzić kod źródłowy HTML elementu wizualnego na dowolnej stronie internetowej w przeglądarce Google Chrome.

Kroki

Sprawdź element w Chrome Krok 1
Sprawdź element w Chrome Krok 1

Krok 1. Otwórz Google Chrome na swoim komputerze

Ikona Chrome wygląda jak kolorowa kula z niebieską kropką pośrodku. Możesz go znaleźć w folderze Aplikacje na komputerze Mac lub w menu Start w systemie Windows.

Sprawdź element w Chrome Krok 2
Sprawdź element w Chrome Krok 2

Krok 2. Kliknij ikonę trzech pionowych kropek

Ten przycisk znajduje się obok paska adresu w prawym górnym rogu okna przeglądarki. Otworzy się menu rozwijane.

Sprawdź element w Chrome Krok 3
Sprawdź element w Chrome Krok 3

Krok 3. Najedź kursorem na Więcej narzędzi w menu rozwijanym

Pojawi się podmenu.

Sprawdź element w Chrome Krok 4
Sprawdź element w Chrome Krok 4

Krok 4. Kliknij Narzędzia programistyczne w podmenu Więcej narzędzi

Spowoduje to otwarcie kolumny Inspektor po prawej stronie okna przeglądarki.

Alternatywnie możesz otworzyć Inspektora za pomocą skrótu klawiaturowego. Ten skrót to ⌥ Option+⌘ Cmd+I na Macu i Ctrl+Alt+I na Windows

Sprawdź element w Chrome Krok 5
Sprawdź element w Chrome Krok 5

Krok 5. Najedź na element w kolumnie Inspektor

Przesunięcie myszy do elementu lub wiersza w Inspektorze podświetli wybrany element na stronie internetowej.

Sprawdź element w Chrome Krok 6
Sprawdź element w Chrome Krok 6

Krok 6. Kliknij prawym przyciskiem myszy element, który chcesz sprawdzić na dowolnej stronie internetowej

Twoje menu prawego przycisku myszy pojawi się w rozwijanym polu.

Sprawdź element w Chrome Krok 7
Sprawdź element w Chrome Krok 7

Krok 7. Wybierz opcję Sprawdź z menu rozwijanego

Spowoduje to przewinięcie kolumny Inspektora w górę lub w dół do wybranego elementu i podświetlenie jego kodu źródłowego.

Aby to zrobić, nie musisz ręcznie otwierać kolumny Inspektor. Wybieranie Sprawdzać w menu prawym przyciskiem myszy automatycznie otworzy Inspektora.

Zalecana: