Переглянути вихідний код веб-сторінки дозволяє будь-якому браузері. Іноді потрібно встановити додаткові плагіни, щоб зробити цей процес більш зручним та простішим.
Як побачити код сторінки в Mozilla?
На додаток до комбінацій гарячих клавіш Ctrl + Shift + C або Hotkee \u200b\u200bF12, ви можете з'ясувати код за допомогою клацання правою кнопкою миші на потрібний об'єкт і вибрати рядок "Explore" у контекстному меню. З'явиться спеціальний "HTML-інспектор", який покаже всю область домовленості, включаючи файл стилю та навіть відладчик сюртера. Щоб видалити цю панель, натисніть значок кросу у верхньому правому куті. Трохи вище в тому ж контекстному меню містить "вихідний код". Натиснувши це, ви будете перенаправлені на сторінку, яка містить лише розмір веб-сторінки, без графічного дизайну. Це буде виглядати як ресурс під час розробки. Лінія меню "Інформація" дає типові дані сторінки, включаючи назву кодування тексту, тип символів, час останнього видання, розмір та список тегів.
Зосереджуючись у переглядачі коду сторінок
Для того, щоб результати були чіткішими, коротко опишіть, як взаємодіяти з ними:
- сірі трикутники в лівій стороні вказують вкладені елементи;
- блакитні стрілки говорять про спадщину;
- зручний пошук тегів знаходиться у верхньому правому куті і пропонує правильне слово;
- друга панель згори містить дерево тегів;
- браузер Opera та Charme відкривають вихідний код Ctrl + U комбінація, для Safari є Ctrl-Alt-U.
Інші способи перегляду коду на сторінці: перегляньте "джерело" через верхню панель браузера Internet Explorer або Safari,меню "Перегляд" -\u003e "Джерело". Для Chromium це "Меню" -\u003e "Інструменти", Firefox - "Інструменти" -\u003e "Веб-розробник" -\u003e "Джерело".