Веб-сайты на основе фреймов часто отображают макет набора фреймов, а не контент.
Кредит изображения: vetkit / iStock / Getty Images
Базовый 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-кода, к которому вы можете получить доступ, а затем вставляете его в адресную строку новой вкладки браузера.
