Из этой статьи вы узнаете, как исследовать исходный HTML-код визуальных элементов веб-страницы в Google Chrome с помощью компьютера.
Шаг
![Проверьте элемент в Chrome, шаг 1 Проверьте элемент в Chrome, шаг 1](https://i.how-what-advice.com/images/006/image-17956-1-j.webp)
Шаг 1. Откройте Google Chrome на компьютере
Значок Chrome выглядит как разноцветный шар с синей точкой в центре. Вы можете найти этот значок в папке «Приложения» на компьютере Mac или в меню «Пуск» на компьютере с Windows.
![Проверить элемент в Chrome, шаг 2 Проверить элемент в Chrome, шаг 2](https://i.how-what-advice.com/images/006/image-17956-2-j.webp)
Шаг 2. Щелкните значок с тремя вертикальными точками
Он находится рядом с адресной строкой в правом верхнем углу окна браузера. После этого появится выпадающее меню.
![Проверьте элемент в Chrome, шаг 3 Проверьте элемент в Chrome, шаг 3](https://i.how-what-advice.com/images/006/image-17956-3-j.webp)
Шаг 3. Наведите курсор на Дополнительные инструменты в раскрывающемся меню
После этого появится подменю.
![Проверьте элемент в Chrome, шаг 4 Проверьте элемент в Chrome, шаг 4](https://i.how-what-advice.com/images/006/image-17956-4-j.webp)
Шаг 4. Щелкните Инструменты разработчика в подменю «Дополнительные инструменты»
Столбец проверки будет отображаться в правой части окна браузера.
Кроме того, вы можете открыть окно проверки с помощью сочетания клавиш. Нажмите Option + ⌘ Cmd + I на компьютерах Mac и Ctrl + Alt + I на компьютерах Windows
![Проверьте элемент в Chrome, шаг 5 Проверьте элемент в Chrome, шаг 5](https://i.how-what-advice.com/images/006/image-17956-5-j.webp)
Шаг 5. Наведите указатель мыши на элемент в столбце проверки
При наведении курсора на элемент или строку в окне проверки соответствующий элемент будет отмечен на веб-странице.
![Осмотрите элемент в Chrome, шаг 6 Осмотрите элемент в Chrome, шаг 6](https://i.how-what-advice.com/images/006/image-17956-6-j.webp)
Шаг 6. Щелкните правой кнопкой мыши элемент, который вы хотите проверить на веб-странице
В раскрывающемся списке появится контекстное меню.
![Проверьте элемент в Chrome, шаг 7 Проверьте элемент в Chrome, шаг 7](https://i.how-what-advice.com/images/006/image-17956-7-j.webp)
Шаг 7. В раскрывающемся меню выберите «Проверить»
После этого столбец проверки будет перемещен вверх или вниз к этому элементу. Исходный код элемента будет помечен.