Jak sprawdzić elementy strony internetowej w Chrome: 7 kroków

Spisu treści:

Jak sprawdzić elementy strony internetowej w Chrome: 7 kroków
Jak sprawdzić elementy strony internetowej w Chrome: 7 kroków

Wideo: Jak sprawdzić elementy strony internetowej w Chrome: 7 kroków

Wideo: Jak sprawdzić elementy strony internetowej w Chrome: 7 kroków
Wideo: Best Browser Under 0 MB || Dolphin Incognito Browser || Best Private Browser || Dolphin Browser 2024, Listopad
Anonim

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

Krok

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

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.

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

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.

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

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

Następnie zostanie wyświetlone 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”

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

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

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.

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

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

W polu rozwijanym pojawi się menu prawego przycisku myszy.

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

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.

Nie musisz ręcznie otwierać pola inspekcyjnego. Wybierać " Sprawdzać ” w menu prawym przyciskiem myszy, aby automatycznie otworzyć kolumnę kontroli.

Zalecana: