Как проверить элемент в Chrome: 7 шагов (с изображениями)

Оглавление:

Как проверить элемент в Chrome: 7 шагов (с изображениями)
Как проверить элемент в Chrome: 7 шагов (с изображениями)

Видео: Как проверить элемент в Chrome: 7 шагов (с изображениями)

Видео: Как проверить элемент в Chrome: 7 шагов (с изображениями)
Видео: Дрим арт в фотошоп ретушь волос/ как рисовать в Photoshop 2024, Май
Anonim

Из этой статьи вы узнаете, как проверять исходный HTML-код визуального элемента на любой веб-странице в Google Chrome с помощью компьютера.

Шаги

Проверьте элемент в Chrome, шаг 1
Проверьте элемент в Chrome, шаг 1

Шаг 1. Откройте Google Chrome на вашем компьютере

Значок Chrome выглядит как цветной шар с синей точкой в центре. Вы можете найти его в папке «Приложения» на Mac или в меню «Пуск» в Windows.

Проверить элемент в Chrome, шаг 2
Проверить элемент в Chrome, шаг 2

Шаг 2. Щелкните значок с тремя вертикальными точками

Эта кнопка находится рядом с адресной строкой в правом верхнем углу окна браузера. Откроется раскрывающееся меню.

Проверьте элемент в Chrome, шаг 3
Проверьте элемент в Chrome, шаг 3

Шаг 3. Наведите курсор на Дополнительные инструменты в раскрывающемся меню

Появится подменю.

Проверьте элемент в Chrome, шаг 4
Проверьте элемент в Chrome, шаг 4

Шаг 4. Щелкните Инструменты разработчика в подменю «Дополнительные инструменты»

В правой части окна браузера откроется столбец «Инспектор».

Кроме того, вы можете открыть Инспектор с помощью сочетания клавиш. Это сочетание клавиш ⌥ Option + ⌘ Cmd + I на Mac и Ctrl + Alt + I в Windows

Проверьте элемент в Chrome, шаг 5
Проверьте элемент в Chrome, шаг 5

Шаг 5. Наведите указатель мыши на элемент в столбце «Инспектор»

Перемещение мыши к элементу или строке в Инспекторе выделит выбранный элемент на веб-странице.

Осмотрите элемент в Chrome, шаг 6
Осмотрите элемент в Chrome, шаг 6

Шаг 6. Щелкните правой кнопкой мыши элемент, который вы хотите проверить на любой веб-странице

Ваше контекстное меню появится в раскрывающемся списке.

Проверьте элемент в Chrome, шаг 7
Проверьте элемент в Chrome, шаг 7

Шаг 7. В раскрывающемся меню выберите «Проверить»

Это прокрутит столбец Inspector вверх или вниз до выбранного элемента и выделит его исходный код.

Для этого не нужно вручную открывать столбец «Инспектор». Выбор Осмотреть в контекстном меню автоматически откроется Инспектор.

Рекомендуемые: