Как просмотреть код элемента в Chrome

Загрузить PDF
Соавтор(ы): Luigi Oppido

Загрузить PDF

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

Шаги

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Нажмите на разноцветный круглый значок с синим центром. Он находится в папке «Программы» (Mac) или в меню «Пуск» (Windows).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Вы найдете его у адресной строки в правом верхнем углу окна браузера. Раскроется меню.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Откроется подменю.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В правой части окна браузера откроется панель разработчика.
    • Также эту панель можно открыть, если нажать ⌥ Option + ⌘ Cmd + I (Mac) или Ctrl + Alt + I (Windows).
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Этот элемент будет выделен на веб-странице.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Щелкните правой кнопкой мыши по элементу на веб-странице, код которого нужно просмотреть. Раскроется меню.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Содержимое панели разработчика автоматически прокрутится до выбранного элемента, а его код будет выделен.
    • Для этого не нужно открывать панель разработчика вручную. Когда вы нажмете «Показать код», панель разработчика откроется автоматически.
    Реклама

Дополнительные статьи

Как
изменить основной язык Google Chrome
Как
изменить фон в Google
Как
убрать поисковик Bing из браузера Chrome
Как
включить или отключить автоматическое открытие PDF–файлов в Chrome на компьютере
Как
избавиться от подсказок в Chrome
Как
перенести закладки браузера с одного компьютера на другой
Как
полностью отключить обновление Google Chrome
Как
экспортировать закладки из Chrome
Как
скачать Google Chrome
Как
сделать Google Chrome браузером по умолчанию
Как
скрыть вкладки в Chrome
Как
изменить свой регион в Google Chrome
Как
поставить пароль на Google Chrome
Как
пользоваться Google Gravity
Реклама

Об этой статье

На других языках
Эту страницу просматривали 28 734 раза.

Была ли эта статья полезной?

Реклама