Как посмотреть обработанный код страницы

Обзор

Когда вы открываете веб-страницу, сайт отправляет вашему браузеру ее HTML-код, а иногда и дополнительные ресурсы, например скрипты, которые могут менять код страницы.

Если вы нажмете в браузере правой кнопкой мыши и выберете пункт "Просмотр кода страницы", то увидите только исходный код самой страницы, в котором скрипты и другие ресурсы ещё не загружены и не запущены. Но иногда (например, при устранении неполадок) бывает нужно посмотреть, как будет выглядеть код обработанной страницы, то есть после загрузки всех ресурсов и запуска скриптов. В частности, это может потребоваться в следующих случаях:

  • для устранения неполадок с тегами Google Аналитики или Google Менеджера тегов, выявленных при проверке;
  • при отладке загрузки и визуализации страницы (иными словами, чтобы убедиться, что все нужные библиотеки и ресурсы загружены);
  • для анализа структурированных данных на странице.

Как посмотреть обработанный код страницы

Узнать, как будет выглядеть обработанный исходный код веб-страницы, можно следующими способами:

  • В браузере Chrome. Нажмите правой кнопкой в любом месте на странице и выберите Просмотреть код. Вы увидите весь обработанный HTML-код страницы. Чтобы найти нужный элемент в нем, используйте сочетания клавиш Ctrl + F (в Windows) или Command + F (в macOS).
  • В случае страницы, размещенной на вашем собственном сайте:
    1. Проверьте URL. Для этого можно либо ввести его в инструмент проверки URL, либо нажать на ссылку для проверки , которая показывается рядом с URL в большинстве отчетов Search Console.
    2. Нажмите Проверить страницу на сайте > Изучить проверенную страницу.
    3. На вкладке HTML будет показан обработанный HTML-код страницы.
  • В случае страницы, размещенной на любом сайте, а не обязательно на вашем собственном:
    1. Откройте инструмент проверки оптимизации для мобильных.
    2. Укажите URL веб-страницы. Она не должна блокироваться в файле robots.txt, и у робота Googlebot должна быть возможность зайти на нее без авторизации.
    3. Нажмите Изучить проверенную страницу.
    4. На вкладке HTML будет показан обработанный HTML-код страницы.
Эта информация оказалась полезной?
Как можно улучшить эту статью?
true
Не знакомы с Search Console?

Ещё не пользовались Search Console? Этот сервис пригодится вам, если вы специалист по поисковой оптимизации, разработчик сайтов или только начали изучать веб-технологии. Начните знакомство с Search Console отсюда.

Поиск
Удалить поисковый запрос
Закрыть поиск
Приложения Google
Главное меню
Поиск по Справочному центру
true
83844
false
false