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

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

Шаг 2. Щелкните значок с тремя вертикальными точками
Он находится рядом с адресной строкой в правом верхнем углу окна браузера. После этого появится выпадающее меню.

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

Шаг 4. Щелкните Инструменты разработчика в подменю «Дополнительные инструменты»
Столбец проверки будет отображаться в правой части окна браузера.
Кроме того, вы можете открыть окно проверки с помощью сочетания клавиш. Нажмите Option + ⌘ Cmd + I на компьютерах Mac и Ctrl + Alt + I на компьютерах Windows

Шаг 5. Наведите указатель мыши на элемент в столбце проверки
При наведении курсора на элемент или строку в окне проверки соответствующий элемент будет отмечен на веб-странице.

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

Шаг 7. В раскрывающемся меню выберите «Проверить»
После этого столбец проверки будет перемещен вверх или вниз к этому элементу. Исходный код элемента будет помечен.