Что нужно знать
- В большинстве основных браузеров вы можете получить доступ к исходному коду сайта, нажав Ctrl+ U в Windows.
- На Mac нажмите Cmd+ Option+ U в большинстве основных браузеров или Cmd+ U в Firefox.
- На Android используйте настройку URL view-source: для просмотра исходного кода. В Safari для iOS это не поддерживается.
Хотя веб-браузеры интерпретируют файлы языка гипертекстовой разметки и каскадные таблицы стилей, которые заставляют Интернет выглядеть так, как он есть, горячая клавиша или настройка URL заставляет браузеры отображать исходный код этой страницы в новой вкладке или окне. Хотя большинству людей редко требуется проверять исходный код, разработчики используют эту перспективу для устранения несоответствий макета или исправления ошибок на веб-сайте.
Как просмотреть исходный код в настольном браузере
Для всех основных настольных браузеров - Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi - нажмите Ctrl+U, чтобы открыть новую вкладку, отображающую необработанный HTML-код страница, на которой вы находитесь. На Mac нажмите Cmd+Option+U или Cmd+U в Firefox.
Кроме того, все настольные браузеры поддерживают настройку URL-адреса. Добавьте текст view-source: к URL-адресу, чтобы открыть страницу в режиме исходного кода. Например, введите view-source:https://www.lifewire.com, чтобы просмотреть исходный код главной целевой страницы Lifewire.
Предпочитаете мышь или вам нужно настраивать HTML на лету? Все основные браузеры поддерживают команду View Source где-то в своей структуре меню, а также поддерживают режим разработчика (названный по-разному и запускаемый по-разному), который позволяет в реальном времени настраивать, как страница выполняется на основе изменений, которые вы делаете в интерфейсе разработчика.
Как просмотреть исходный код в мобильном браузере по умолчанию
Стандартный браузер Android позволяет настраивать URL view-source:. Однако на iOS стандартное приложение Safari не поддерживает эту функцию. На платформе Apple вам потребуется запустить другой браузер или приложение для просмотра исходного кода из App Store.
Отдельные мобильные браузеры, которые вы установили из магазина приложений вашей платформы, ведут себя по-разному. Обратитесь к документации браузера для получения информации о конкретных процедурах.
