Посмотреть исходный код веб-страницы позволяет любой браузер. Иногда требуется установка дополнительных плагинов, чтобы сделать данный процесс удобнее и проще.
Как посмотреть код страницы в Mozilla?
Кроме сочетаний горячих клавиш Ctrl+Shift+C либо хоткея F12, узнать код можно правым кликом мышью на нужном объекте и выбрать в контекстном меню строчку “Исследовать”. Появится специальный “Инспектор HTML”, который покажет всю подноготную страницы, включая файл стилей и даже отладчик сценариев. Чтобы убрать эту панель, нажмите значок крестика в ее верхнем правом углу. Чуть выше в том же контекстном меню находится пункт “Исходный код”. Нажав на него вы будете перенаправлены на страницу, которая содержит только веб-размерку, без графического оформления. Именно так выглядел бы ресурс во время разработки. Строка меню “Информация” выдаст типичные данные о странице, включая название кодировки текста, тип символов, время последней редакции, размер и перечень тегов.
Ориентируемся в просмотрщике кода страницы
Чтобы полученные результаты были понятнее, кратко опишем, как с ними взаимодействовать:
- серые треугольники в левой стороне указывают на вложенные элементы;
- голубые стрелки говорят о наследуемости;
- удобный поиск тегов находится в верхнем правом углу и сам подсказывает нужное слово;
- вторая панель сверху содержит дерево тегов;
- браузер Opera и Chorme отрывают исходный код комбинацией Ctrl+U, для Safari это Ctrl-Alt-U.
Другие способы просмотра кода на странице: увидеть “исходник” легко через верхнюю панель браузера Internet Explorer или Safari, меню “View”->”Source”. Для Хрома это “Menu”->”More Tools”, Firefox – “Tools” -> “Web Developer” -> “Source”.