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

Введение

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

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

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

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

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

Или

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

Совет. В последних версиях браузера нажатие клавиши 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») в верхнем правом углу окна инструментов.
Материалы по теме:
Как влияет на SEO выделенный IP-адрес
Как продвинуть сайт в поиске Google
Кому выгоден реселлинг хостинга
Полезные операторы Google для поиска информации
Как выбрать хостинг для музыкального бизнеса
Как выбрать хостинг для сайта футбольного клуба
Как выбрать безопасный хостинг для сайта банка
Как оценить пригодность хостинг-провайдера для малого и среднего бизнеса
С чего начать создание первого веб-сайта
Стратегия миграции на облачный хостинг. Часть 2-я
Как создать форум - дискуссионное сообщество в Интернете
Правильный сайт для малого бизнеса
Оптимальный хостинг для сайта автосервиса
Что нужно знать про хостинг для интернет-радиостанции
Гибридный облачный хостинг - 5 вещей, которые нужно знать
Хитрости создания сайтов от лучших веб-мастеров
Как выбрать хостинг для сайта бара или паба
Сравниваем хостинг Unix с хостингом Windows
Почему локальный хостинг так важен для местного бизнеса
Как правильно готовить изображения для веб-сайта
Наша аналитика - бесплатные CMS, Часть 1-я
Что такое стандартный пакет облачного хостинга