В меню Chrome и Chromium находится пункт «Просмотр источника страницы». Это позволяет разработчикам и пользователям узнать, что происходит внутри, когда страница загружается в браузере. Это окно в сложные HTML, CSS и JavaScript, из которых состоят веб-сайты, которые вы просматриваете ежедневно.
< img src="/wp-content/uploads/2024/03/19b90317e8650518c4719fbfaac14755.png" />
Определение источника страницы просмотра в Chrome
Параметр «Просмотр исходного кода страницы» помогает разработчикам анализировать и отлаживать веб-страницу, а также дает энтузиастам возможность взглянуть на строительные блоки веб-сайтов.
Просмотр исходного кода позволяет увидеть каждый компонент веб-страницы (HTML), способ его обработки (CSS) и взаимодействие кода, которое объединяет все это (JavaScript). Это подробное представление имеет неоценимое значение для устранения неполадок. Есть ли проблема с макетом? Проверка источника страницы может обнаружить отсутствующий тег. Кнопка не реагирует? Ответ может быть найден в разделе JavaScript.
Вы не можете изменять код, тестировать его или просматривать какие-либо изменения, как при использовании параметра «Проверка» (DevTools). Тем не менее, он предлагает быстрый просмотр и определение всего, что вам нужно, будь то в образовательных, отладочных или исследовательских целях.
Как получить доступ к исходному коду веб-страницы в Chrome
Есть два метода доступа к исходному коду веб-страницы в браузерах Chrome и Chromium. Кроме того, только один метод работает для страниц, защищенных щелчком правой кнопкой мыши. Давайте начнем.
Используя элемент ‘Просмотр исходного кода страницы’ Вариант меню
Этот вариант — самый простой способ просмотреть исходный код веб-страницы. Он работает для любой онлайн-страницы.
- Откройте браузер Google Chrome или Chromium, например Edge<. /strong> или Brave.
- Перейдите на интересующий вас веб-сайт или веб-страницу.
- Нажмите правой кнопкой мыши на открытой области и выберите Просмотреть исходный код страницы, или нажмите Ctrl + U (Windows) или Command + U (Mac).
- Исходный код будет отображаться на новой вкладке, напоминающей макет текстового редактора.
Используя ‘view-source’ Вариант URL
- Запустите Google Chrome или браузер Chromium, например Edge или Brave.
- Перейдите на интересующий вас веб-сайт или веб-страницу.
- В адресной строке введите view-source:[URL-адрес веб-страницы здесь], например: :
источник просмотра: https://www.alphr.com.
<ли >Исходный код будет отображаться на новой вкладке, напоминающей макет текстового редактора.
Узнайте, как просмотреть HTML-код в Chrome, чтобы получить более подробный обзор доступа к этой функции на других устройствах. .
Не копируйте и не используйте исходный контент страницы напрямую
Просмотр исходного кода веб-сайта — это простой способ получить представление о его структуре и содержании. Однако он не предоставляет более подробную информацию, такую как отладка или анализ производительности. Кроме того, динамический контент, созданный с помощью JavaScript, может быть не виден в исходном коде.
Важно помнить, что каждый веб-сайт уникален, и то, что работает для одного, может не работать для другого. Кроме того, вы можете столкнуться с плохо оптимизированными веб-сайтами, которые служат примером того, чего не следует делать.
Часто задаваемые вопросы
Вопрос: Безопасно ли изменение кода HTML, CSS и Java в опции «Проверка»?
О: В проверке вы можете делать все, что захотите. режим в Chrome или браузере Chromium. Это никоим образом не меняет сайт. Вы вносите изменения в режиме реального времени только для предварительного просмотра страницы слева.
Вопрос: Разве кнопка ‘Просмотр исходного кода’ вариант — пустая трата времени?
О:Нет, просмотр исходного кода позволяет разработчикам взглянуть на существующие инструкции HTML, CSS и Java, чтобы найти простые проблемы или плохой код, а не копаться в инструменте разработки. Это опция быстрого просмотра, подобная функции быстрого предварительного просмотра файлов на ПК, когда она не открывает другие программы. Кроме того, люди могут копировать фрагменты кода и вставлять их в инструмент разработки веб-сайтов.
Сообщения по теме
Как перевести страницу в Google Chrome 
Как изменить страницу новой вкладки в Google Chrome 
Как просмотреть сохраненные пароли в Google Chrome нг» />Как найти несколько слов на странице в Chrome с помощью расширения 
Как добавить источник звука в OBS 
Как просмотреть HTML-код в Chrome 
Как просмотреть сохраненный номер кредитной карты в Chrome 
Как просмотреть свой профиль Facebook так, как его просматривает кто-то другой 
Как изменить размер страницы в Документах Google 
Отказ от ответственности: некоторые страницы этого сайта могут содержать партнерскую ссылку. Это никоим образом не влияет на нашу редакционную статью.
Вам также может понравиться 
Как узнать, кому не понравилось ваше видео на YouTube
Бен Паттерсон 5 марта 2024 г.
Как включить JavaScript в Google Chrome, Firefox, Microsoft Edge и Safari < p class="post-info__content"> Ли Стэнтон, 23 февраля 2024 г.
Отправить кому-нибудь
На адрес электронной почты От имени Пожалуйста, включите JavaScript, чтобы отправить эту форму.Отправить
Отсутствующее устройство
< p role="status" aria-live="polite" aria-atomic="true">
Чтобы отправить эту форму, включите JavaScript.
