Все интернет-браузеры позволяют пользователям просматривать исходный код любой посещаемой им веб-страницы. В этой статье мы расскажем вам о нескольких способах просмотра исходного кода для каждого из основных браузеров.

Введение

При просмотре исходного кода веб-страницы важно помнить, что информация и код, которые не обрабатываются сервером, не отображаются. Например, почти все поисковые системы Интернета обрабатывают информацию на сервере, а затем отображают результаты на веб-странице. Другими словами, вы можете просмотреть код, составляющий страницу результатов, но вы не можете просмотреть исходный код, который видит робот поисковой системы.

Это правило справедливо для всех скриптов на стороне сервера, для SSI и программного кода. Поэтому вы не сможете увидеть коды таких сервисов как поисковые системы, форумы, опросы, чаты и т. д. Если вы неправильно скопируете информацию из исходного кода, то ее использование может привести к ошибкам или перенаправить ваших читателей на страницу, с которой вы его скопировали.

Как посмотреть исходный код в Internet Explorer

Чтобы просмотреть исходный код веб-страницы в Microsoft Internet Explorer, выполните следующие действия.

  • Нажмите комбинацию клавиш Ctrl + U на клавиатуре вашего компьютера.

Или

  • Откройте Internet Explorer и перейдите на веб-страницу по вашему выбору.
  • Нажмите клавишу Alt, чтобы открыть панель меню браузера.
  • Выберите «Просмотр» и «Источник» в раскрывающемся меню.

Совет. В последних версиях браузера нажатие клавиши F12 вызывает к действию инструмент DOM. С его помощью вы получите намного более полное взаимодействие с исходными кодами и настройками CSS, в частности, сможете изменит код станицы и сразу видеть, как эти изменения скажутся на внешнем виде веб-страницы.

Как посмотреть исходный код в Mozilla Firefox

Чтобы просмотреть исходный код веб-страницы в Mozilla Firefox, выполните следующие действия.

  • Нажмите комбинацию клавиш Ctrl + U на клавиатуре вашего компьютера.

Или

  • Откройте браузер и перейдите на нужную веб-страницу.
  • Нажмите клавишу Alt, чтобы открыть панель меню браузера.
  • Выберите «Инструменты» (Tools), «Разработка» (Web Developer), а затем «Исходный код страницы» (Page Source).

Совет. В последних версиях Firefox, нажав клавишу F12 или комбинацию Ctrl + Shift + I, пользователь запускает интерактивный инструмент для веб-разработчиков. Этот сервис позволяет гораздо активнее взаимодействовать с исходными кодами и настройками CSS, что дает читателю возможность сразу увидеть, как изменения в коде влияют на веб-страницу.

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

Выделите часть веб-страницы, для которой вы хотите просмотреть исходный код.
Щелкните правой кнопкой мыши эту выделенную секцию и выберите «Исходный код выделенного фрагмента».

Как посмотреть исходный код в Google Chrome

Чтобы просмотреть исходный код веб-страницы в Google Chrome, выполните следующие действия.

  • Нажмите комбинацию клавиш Ctrl + U на клавиатуре компьютера.

Или

  • Откройте браузер и перейдите на нужную веб-страницу.
  • Нажмите «Настроить» и используйте меню Google Chrome в верхней правой части окна браузера.
  • В раскрывающемся меню выберите «Дополнительные инструменты» (More tools), а затем «Инструменты разработчика» (Developer tools).

Совет. В последних версиях Chrome, нажав клавишу F12 или комбинацию Ctrl + Shift + I, пользователь запускает интерактивный инструмент для веб-разработчиков. Этот сервис позволяет гораздо активнее взаимодействовать с исходными кодами и настройками CSS, что дает читателю возможность сразу увидеть, как изменения в коде влияют на веб-страницу.

Как посмотреть исходный код в Apple Safari

  • Нажмите комбинацию клавиш Ctrl + U на клавиатуре компьютера.

Или

  • Щелкните правой кнопкой мыши на пустом участке веб-страницы и в в раскрывающемся меню выберите «Показать исходный код».

Или

  • Откройте браузер Safari и перейдите на веб-страницу по вашему выбору.
  • Выберите меню «Разработка» (Develop).
  • Выберите параметр «Показать исходный код страницы» (Show page source).

Как посмотреть страницу в html в Opera

Чтобы просмотреть исходный код веб-страницы в Opera, выполните следующие действия.

  • Нажмите комбинацию клавиш Ctrl + U на клавиатуре компьютера.

Или

  • Откройте браузер Opera и перейдите на нужную веб-страницу.
  • Нажмите «Настроить» и используйте меню Opera в верхней правой части окна браузера.
  • В раскрывающемся меню наведите курсор мыши на пункт «Разработчик» (Developer), а затем кликните по ссылке «Показать исходный код страницы» (View page source).

Как посмотреть код в браузере Chrome на смартфоне Android

  • Откройте браузер Google Chrome на своем телефоне.
  • Откройте веб-страницу, исходный код которой вы хотите просмотреть.
  • Нажмите один раз в адресной строке, а затем переместите курсор в начало URL-адреса.
  • Допечатайте текст view-source
  • Нажмите Enter или Go.

Как закрыть страницу исходного кода или инструменты разработчика

Когда вы закончите просмотр исходного кода веб-страницы, вы можете выйти или закрыть ее. Как это сделать будет Этот процесс зависит от метода, который вы использовали для просмотра исходного кода.

  • Если вы использовали метод Ctrl + U, закройте новую вкладку, которая открылась в верхней части окна браузера.
  • Если вы использовали метод разработчика (нажав F12 или Ctrl + Shift + I), нажмите «Удалить границу» (кнопка «x») в верхнем правом углу окна инструментов.
Материалы по теме:
VPS, виртуальный хостинг или выделенный сервер для веб-сайта?
Как работать с реселлерами хостинга и не ошибиться
Семь самых глупых обещаний хостинг-провайдера (Часть 2-я)
Стратегия миграции на облачный хостинг. Часть 2-я
Как выбрать хостинг для сайта футбольного клуба
Соответствует ли провайдер облачного хостинга потребностям сайта?
5 функций, без которых не следует выбирать хостинг для сайта университета
Преимущества и недостатки облачного хостинга
Насколько важно время безотказной работы для бизнес-сайта
Как выбрать хостинг для школы дистанционного обучения