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

Обзор

Когда вы открываете веб-страницу, сайт отправляет вашему браузеру ее 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-код страницы.