Что такое источник страницы просмотра?

В меню Chrome и Chromium есть пункт «Просмотр источника страницы». Это позволяет разработчикам и пользователям узнать, что происходит внутри, когда страница загружается в браузере. Это окно в сложности HTML, CSS и JavaScript, из которых состоят веб-сайты, которые вы просматриваете ежедневно.

Определение источника страницы просмотра в Chrome

Параметр «Просмотр исходного кода страницы» помогает разработчикам анализировать и отлаживать веб-страницу, а также дает энтузиастам возможность взглянуть на строительные блоки веб-сайтов.

Просмотр исходного кода позволяет увидеть каждый компонент веб-страницы (HTML), способ его обработки (CSS) и взаимодействие кода, которое объединяет все это (JavaScript). Это подробное представление имеет неоценимое значение для устранения неполадок. Есть ли проблема с макетом? Проверка источника страницы может обнаружить отсутствующий тег. Кнопка не реагирует? Раздел JavaScript может содержать ответ.

Вы не можете изменять код, тестировать его или просматривать любые изменения, как при использовании параметра «Проверка» (DevTools). Тем не менее, он предлагает быстрый просмотр, чтобы определить все, что вам нужно, будь то в образовательных, отладочных или исследовательских целях.

Как получить доступ к исходному коду веб-страницы в Chrome

Существует два способа доступа к исходному коду веб-страницы в браузерах Chrome и Chromium. Кроме того, только один метод работает для страниц, защищенных щелчком правой кнопкой мыши. Давайте начнем.

Использование пункта меню «Просмотр источника страницы»

Этот вариант представляет собой самый простой способ просмотреть исходный код веб-страницы и работает для любой онлайн-страницы.

1. Открыть Гугл Хром или браузер Chromium, например Край или Храбрый.
2. Откройте интересующий вас веб-сайт или веб-страницу.
3. Щелкните правой кнопкой мыши открытую область, выберите Посмотреть исходный код страницыили нажмите Ctrl + У (Окна) или Команда + У (Мак).
   
4. Исходный код будет отображаться на новой вкладке, напоминающей макет текстового редактора.

Использование опции URL-адреса «view-source»

1. Запуск Гугл Хром или браузер Chromium, например Край или Храбрый.
2. Откройте интересующий вас веб-сайт или веб-страницу.
3. В адресной строке введите view-source:(URL-адрес веб-страницы здесь)например следующие:
   источник просмотра: https://www.alphr.com.
   
4. Исходный код будет отображаться на новой вкладке, напоминающей макет текстового редактора.

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

Не копируйте и не используйте исходный контент страницы напрямую

Просмотр исходного кода веб-сайта — это простой способ получить представление о его структуре и содержании. Однако он не предоставляет более подробную информацию, такую ​​как отладка или анализ производительности. Более того, динамический контент, созданный с помощью JavaScript, может быть не виден в исходном коде.

Важно помнить, что каждый веб-сайт уникален, и то, что подходит одному, может не подойти другому. Кроме того, вы можете встретить плохо оптимизированные веб-сайты, которые служат примером того, чего не следует делать.

Часто задаваемые вопросы

Вопрос. Безопасно ли изменение кода HTML, CSS и Java с помощью параметра «Проверка»?

А: Вы можете делать все, что захотите, в режиме проверки в Chrome или браузере Chromium. Это никоим образом не меняет сайт. Вы вносите изменения в режиме реального времени только для предварительного просмотра страницы слева.

Вопрос: Не является ли опция «Просмотр исходного кода» пустой тратой времени?

А: Нет, просмотр исходного кода позволяет разработчикам взглянуть на существующие инструкции HTML, CSS и Java, чтобы найти простые проблемы или плохой код, а не копаться в инструменте разработки. Это опция быстрого просмотра, подобная функции быстрого предварительного просмотра файлов ПК, если она не открывает другие программы. Кроме того, люди могут копировать фрагменты кода и вставлять их в инструмент разработки веб-сайтов.