Просмотр исходного кода веб-страницы в каждом браузере

Хотя веб-браузеры интерпретируют файлы языка гипертекстовой разметки и каскадные таблицы стилей, которые делают Интернет таким, какой он есть, горячая клавиша или настройка URL-адреса заставляет браузеры отображать не визуализированную веб-страницу, а исходный код этой страницы в новой вкладке или окне . Хотя большинству людей редко требуется изучать исходный код, разработчики используют эту перспективу для устранения несоответствий макета или для исправления ошибок на веб-сайте.

Getty Images (Логовский № 465458409)

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

Для всех основных настольных браузеров — Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi — нажмите Ctrl + U , чтобы открыть новую вкладку, которая отображает необработанный HTML-код страницы, на которой вы находитесь. На Mac нажмите Cmd + Option + U or Cmd + U в Firefox.

Действия по просмотру исходного кода веб-сайта в Google Chrome

Кроме того, все настольные браузеры поддерживают настройку для конкретного URL. Подготовьте текст просмотреть исходный код: к URL-адресу, чтобы открыть страницу в режиме исходного кода. Например, введите источник просмотра: https: //www.lifewire.com чтобы просмотреть исходный код главной целевой страницы Lifewire.

Предпочитаете мышь или вам нужно настроить HTML на лету? Все основные браузеры поддерживают Просмотр HTML-кода где-то в структуре меню, и они также поддерживают режим разработчика (называемый разными вещами и запускаемый разными способами), который позволяет в реальном времени настраивать выполнение страницы на основе изменений, которые вы вносите в интерфейс разработчика.

Как просмотреть исходный код в мобильном браузере по умолчанию

Стандартный браузер Android позволяет просмотреть исходный код: Настройка URL. Однако на iOS стандартное приложение Safari не поддерживает эту функцию. На платформе Apple вам потребуется запустить другой браузер или приложение для просмотра исходного кода из App Store.

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