Ta wikiHow uczy, jak badać na komputerze kod źródłowy HTML elementów wizualnych strony internetowej w przeglądarce Google Chrome.
Krok

Krok 1. Otwórz Google Chrome na komputerze
Ikona Chrome wygląda jak kolorowa kula z niebieską kropką pośrodku. Tę ikonę można znaleźć w folderze „Aplikacje” na komputerze Mac lub w menu „Start” na komputerze z systemem Windows.

Krok 2. Kliknij ikonę trzech pionowych kropek
Znajduje się obok paska adresu, w prawym górnym rogu okna przeglądarki. Następnie zostanie wyświetlone menu rozwijane.

Krok 3. Najedź kursorem na Więcej narzędzi w menu rozwijanym
Następnie zostanie wyświetlone podmenu.

Krok 4. Kliknij Narzędzia programistyczne w podmenu „Więcej narzędzi”
Kolumna kontroli zostanie wyświetlona po prawej stronie okna przeglądarki.
Alternatywnie możesz otworzyć okno inspekcji za pomocą skrótu klawiaturowego. Naciśnij Option+⌘ Cmd+I na komputerach Mac i Ctrl+Alt+I na komputerach z systemem Windows

Krok 5. Najedź kursorem na element w kolumnie kontrolnej
Po najechaniu kursorem na element lub linię w oknie kontroli, odpowiedni element zostanie zaznaczony na stronie internetowej.

Krok 6. Kliknij prawym przyciskiem myszy element, który chcesz sprawdzić na stronie internetowej
W polu rozwijanym pojawi się menu prawego przycisku myszy.

Krok 7. Wybierz opcję Sprawdź z menu rozwijanego
Następnie kolumna inspekcyjna zostanie przesunięta w górę lub w dół do tego elementu. Kod źródłowy elementu zostanie oflagowany.