Веб-сайти на основі фреймів часто відображають свій набір фреймів, а не вміст.
Авторство зображення: 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-коду, до якого ви можете отримати доступ, а потім вставити його в адресний рядок нової вкладки браузера.
