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

Введение

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

Это правило справедливо для всех скриптов на стороне сервера, для 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, что дает читателю возможность сразу увидеть, как изменения в коде влияют на веб-страницу.

Читайте также:  Изучаем наиболее распространенные проблемы веб-хостинга. Часть 2-я

Как посмотреть исходный код в 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») в верхнем правом углу окна инструментов.
Материалы по теме:
Каковы компетенции техподдержки хостинг-провайдера
Как выбрать лучшую CMS для нового сайта
Что такое стандартный пакет облачного хостинга
Сколько дискового пространства хостинга вам действительно нужно?
Почему локальный хостинг так важен для местного бизнеса
Как создать форум - дискуссионное сообщество в Интернете
Что такое пропускная способность сайта и как ее оптимизировать
Какой функционал искать, выбирая хостинг для проката автомобилей
Стратегия миграции на облачный хостинг. Часть 2-я
Правильный хостинг и успешный интернет-магазин
Как продвинуть сайт в поиске Google
Как понять, годится ли хостинг для сайта стрим-трансляций
Какой нужен хостинг для сайта художника
Как сменить провайдера веб-хостинга
Хостинг для IТ-компании — правила выбора
Как выбрать хостинг для сайта бара или паба
Как проверить качество обратных ссылок
Как время простоя хостинга сводит на нет все ваши усилия по продвижению сайта
Как выбирать хостинг для сайта туроператора
Все, что вам нужно знать про хостинг Линукс. Часть 2-я