Как посмотреть HTML-код веб-сайта
Базовый HTML-код, используемый для создания веб-сайта, не скрыт, но легко доступен любому, у кого есть соответствующие инструменты. Например, веб-браузеры, такие как Firefox, Chrome, Safari, Opera и Internet Explorer, имеют несколько способов прямого просмотра кода HTML, CSS или JavaScript веб-сайта. Кроме того, некоторые специальные инструменты веб-разработчика могут загружать и открывать веб-страницу из Интернета, как файл, хранящийся на локальном диске.
Просмотр исходного кода в браузере
Шаги, необходимые для просмотра HTML-кода веб-сайта, практически одинаковы для Firefox, Chrome, Safari, Opera и Internet Explorer. Щелкните правой кнопкой мыши раздел веб-страницы, содержащий только текст, а затем выберите параметр «Просмотреть исходный код» или «Просмотреть исходный код страницы». В зависимости от настроек вашего браузера HTML-код открывается в новой вкладке браузера или в отдельном окне приложения.
Сохранить исходный код на диск
Если вам нужно проверить или отредактировать код веб-сайта позже, вы можете сохранить страницу на жестком диске. Когда вы щелкаете правой кнопкой мыши веб-страницу в Firefox или Safari, вам предлагается вариант «Сохранить страницу как». В Chrome и Opera есть опция «Сохранить как». Чтобы сохранить веб-страницу с помощью Internet Explorer, нажмите «Инструменты», «Файл» и затем «Сохранить как». В дополнение к самой веб-странице браузер сохраняет все изображения, файлы CSS и JavaScript, используемые страницей, которые хранятся локально на его веб-сервере.
Встроенные средства разработки браузера
Firefox, Chrome, Opera и Internet Explorer предоставляют режим разработчика, который позволяет одновременно просматривать визуализированную веб-страницу и ее код HTML, CSS и JavaScript. Если щелкнуть элемент в Интернете, его код появится на панели отображения разработчика. Доступ к панели разработчика можно получить через параметры или инструмент конфигурации. Хотя в Safari нет собственного инструмента разработчика, вы можете установить его в качестве расширения.
Приложения для веб-разработчиков
Инструменты дизайна веб-сайтов, такие как Dreamweaver, Kompozer и Microsoft Expressions, позволяют открывать веб-страницы в Интернете, используя их URL-адреса. Вы просматриваете код HTML в представлении только исходного кода или в разделенном, предварительном просмотре и представлении исходного кода. Кроме того, вы можете редактировать код и просматривать изменения в режиме реального времени. Фактический код, хранящийся на сервере веб-сайта, никогда не изменяется.
Проблемы, с которыми вы можете столкнуться
Намеренно или ненамеренно некоторые веб-сайты не так легко отказываются от своего HTML-кода. Например, на некоторых сайтах используется код JavaScript, который блокирует клики правой кнопкой мыши. Вы по-прежнему можете просмотреть исходный код, загрузив страницу на свой диск или отключив JavaScript в своем браузере. Другие сайты используют фреймы HTML или iframe, которые не позволяют вам напрямую получить доступ к их источнику. Firefox, Chrome, Safari и Opera обнаруживают веб-сайты на основе фреймов и автоматически предлагают вам возможность просмотреть исходный код фрейма. Если веб-страница использует файл JavaScript или CSS, хранящийся в другом домене, вы можете просмотреть код этого файла напрямую, скопировав его URL-адрес из доступного HTML-кода, а затем вставив его в адресную строку новой вкладки браузера.