Как посмотреть исходный код страницы?

3 ноября 2014 г. Просмотров: 567 Инструкции
Рассмотрим, как определить исходный код страницы, ведь этот параметр очень важен при работе в интернете. Если вам нужна какая-либо новость, теги или картинка, но как ее прописать вы не знаете, всегда можно скопировать информацию с другого сайта, узнав исходный код страницы, если он не закодирован разработчиками сайта. Важен исходный код в постраничных файлах, которые не являются программами, с помощью исходного кода можно работать со страницами и редактировать их.


Вам понадобится

  • Инструкция по просмотру исходного кода страницы.

Инструкция

  • Чтобы страница была видима, она прописывается с исходным кодом. Залить ее с кодом можно, если вы владелец ресурса, либо изменить с помощью блокнота, редактора, используя для этого специальные расширения. Пользователь так же может изменить страницу, отредактировав файл и внося в страницу свои изменения. В интернет- браузерах просмотр исходного кода осуществляется с помощью различных команд, рассмотрим их подробнее.
  • Для Internet Explorer выбирайте вкладку «вид», затем «исходный код страницы» либо пункт можно выбрать, нажав на правую кнопку мыши. Чтобы посмотреть зашифрованный разработчиками код в этом браузере заходим в меню «сервис», потом «средства разработчика», нажимаем стрелочку, выделяем нужный элемент на странице и код становиться видимым. Далее жмем на значок и сохраняем код в текстовом формате и копируем из его составляющих в html.
  • Браузер Mozilla Firefox предоставляет возможность просмотра с помощью простой команды «Ctrl+U» или в меню «инструменты» выбрать подстроку «посмотреть исходный код». Просмотреть зашифрованную информацию в Mozilla Firefox можно установив специальное расширение Web Developer, выбираем в меню «код» строку «сгенерираванный код» и внизу страницы появляется значение исходного кода. Копируем файл в буфер обмена или сохраняем с расширением page.htm.
  • При использовании Google Chrome в основном меню «инструменты» выбирайте подстроку «посмотреть исходный код», далее с помощью правой кнопки мыши открываете пункт «просмотр кода страницы» либо с помощью клавиш "Ctrl + U".
  • Чтобы найти исходный код браузера Opera в меню «вид» выбираем «средства разработки» и в нем пункт «исходный код страницы» или с помощью сочетания клавиш "Ctrl + U".
  • Для браузера Safari в меню находим «посмотреть html-код», так же нажав правую кнопку мыши, открываем подстроку «посмотреть источник» или воспользуемся сочетанием клавиш "Ctrl + Alt + U".
  • Совет добавлен 24 мая 2012 Совет 2: Как смотреть исходный код страницы Просмотр страниц в браузере организован таким образом: программа отправляет запрос на сервер, указанный в ссылке, а в ответ получает набор «запчастей» и инструкцию по сборке. Запчасти - это изображения, флэш-элементы, звуковые и др. файлы, а инструкции по правильному их размещению в странице, расцвечиванию ее фона, использованию определенных гарнитур и размеров шрифтов и т.д. содержатся в исходном коде страницы. Пользователь браузера может увидеть и сам этот код, а не только собранную по его инструкциям страницу.

    Инструкция

  • Современные браузеры имеют встроенные функции просмотра исходного кода страницы. Например, в Opera чтобы активировать эту опцию кликните свободное от картинок, ссылок и других элементов пространство открытой страницы сайта и в выпавшем контекстном меню выберите пункт «Исходный код». Браузер откроет исходник в отдельной вкладке, раскрасив в три цвета строки, относящиеся к HTML-тегам, скриптам и обычному тексту.
  • Аналогичные пункты, но сформулированные немного по-другому, есть в контекстном меню и других браузеров. Например, в Google Chrome этот пункт назван «Просмотр кода страницы», в Mozilla Firefox выбирайте строку «Исходный код страницы», а интернет-обозревателе Internet Explorer - «Просмотр HTML-кода». Цветовое оформление кода тоже будет немного различаться в разных приложениях.
  • В браузере Google Chrome есть значительно более продвинутая опция просмотра исходников. Чтобы ее задействовать, в том же контекстном меню выберите пункт «Просмотр кода элемента». После этого вкладка с открытой веб-страницей разделится на два фрейма - в верхнем останется ее внешний вид, а в нижнем появится подробнейшая информация, собранная не только из тегов исходного кода, но и из подключаемых файлов CSS-стилей. Можно выделять строки исходника в нижнем фрейме, и браузер будет подсвечивать в верхнем те области страницы, которые формируются этими строками. Точно так же выбор какого-либо элемента в верхнем фрейме вызовет отображение в нижнем относящегося к этому элементу кода.
  • Если страница сохранена на жесткий диск компьютера, файл можно открыть любым текстовым редактором - исходный код записан в нее как обычный текст. Просто перетащите этот файл в окно запущенного «Блокнота», Word или любого другого приложения этого рода. С помощью обычного редактора исходный код можно не только просматривать, но и редактировать.
  • Как смотреть исходный код страницы - версия для печати
    Оцените статью!