Как открыть код сайта и зачем это нужно?

Все браузеры позволяют просматривать исходный код страницы. В этой статье приводится информация о том, как открыть код страницы в наиболее популярных браузерах:

Как посмотреть код сайта — вводная информация

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

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

Как посмотреть код страницы в браузере Microsoft Edge

Как посмотреть код страницы в браузере Microsoft Edge

Чтобы просмотреть исходный код страницы в браузере Microsoft Edge, следуйте приведенным ниже инструкциям.

  1. Откройте Microsoft Edge и перейдите на веб-страницу;
  2. Кликните иконку «More» в верхнем правом углу экрана;
  3. Выберите пункт F12 Developer Tools (Инструменты разработчика) из появившегося выпадающего меню.

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

Как открыть код страницы в браузере Microsoft Internet Explorer

Как открыть код страницы в браузере Microsoft Internet Explorer

Как открыть исходный код страницы в Microsoft Internet Explorer:

  1. Откройте Internet Explorer и перейдите на веб-страницу;
  2. Нажмите Alt, чтобы вызвать панель меню браузера;
  3. Выберите View (Просмотр) и Source (Источник) из появившегося выпадающего меню.

Совет: В последних версиях Internet Explorer нажатие клавиши F12 вызывает инструмент DOM. Он позволяет мгновенно увидеть, как изменения в коде влияют на веб-страницу.

Как открыть код страницы в браузерах Mozilla Firefox и Netscape

Как открыть код страницы в браузерах Mozilla Firefox и Netscape

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

  1. Откройте Mozilla Firefox и перейдите на веб-страницу;
  2. Нажмите Alt, чтобы вызвать панель меню браузера;
  3. Выберите Tools (Инструменты), Web developer (Веб-разработчик), и затем Page Source (Исходный код страницы).

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

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

  1. Выделите участок веб-страницы, чтобы просмотреть исходный код;
  2. Кликните правой клавишей мыши по выделенной части веб-страницы и затем нажмите View Selection Source (Показать исходный код выделения).

Совет: Используйте дополнение Firebug, чтобы не только увидеть исходный код страницы, но и вносить необходимые изменения. А также увидеть их в браузере в тот же момент.

Как посмотреть код страницы в гугл хром?

Как посмотреть код страницы в гугл хром?

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

  1. Откройте Google Chrome;
  2. Кликните по иконке Customize and control (Настройка и управление) Google Chrome, расположенной в верхней правой части окна браузера;
  3. В появившемся выпадающем меню выберите Дополнительные инструменты, Инструменты разработчика (Developer tools).

Совет: В последних версиях Google Chrome нажатие на клавишу F12 или Ctrl+Shift+I также вызывает интерактивный инструмент разработчика.

Просмотр кода страницы в браузере Apple Safari

Просмотр кода страницы в браузере Apple Safari
  1. Откройте Safari и перейдите на выбранную веб-страницу;
  2. Выберите меню Develop (Разработка);
  3. Выберите опцию Show page source (Показать код страницы).

Как открыть код страницы в браузере Opera

Как открыть код страницы в браузере Opera

Как открыть код страницы в Опере:

  1. Откройте Opera и перейдите на веб-страницу;
  2. Кликните кнопку «Меню» в углу окна браузера;
  3. В подменю разработчика выберите View page source (Посмотреть исходный текст).

Совет: Если вы не видите подменю «Разработчик» (или Разработка) (Developer), выберите More tools (Другие инструменты); Show developer menu (Показать меню разработчика). Далее щелкните по кнопке меню еще раз. Теперь вы увидите подменю Разработчик (Developer).

Совет: В последних версиях Opera нажатие на комбинацию клавиш Ctrl+Shift+I вызывает интерактивный инструмент разработчика.

Как посмотреть исходный код страницы в браузере Google Chrome на Android — смартфонах

  1. Откройте браузер Google Chrome, установленный на смартфоне;
  2. Откройте веб-страницу, исходный код которой нужно просмотреть;
  3. Коснитесь один раз панели адреса и затем поместите курсор перед URL;
  4. Наберите view-source: и нажмите Enter или Go.

Как закрыть исходный код

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

  • Если вы воспользовались сочетанием Ctrl+U, закройте новую вкладку;
  • Если вы воспользовались методом разработчика (нажатие F12 или Ctrl+Shift+I), кликните по кнопке закрытия в верхнем правом углу окна инструментов.

Это вся информация о том, как открыть код страницы. Надеюсь, она вам помогла.

Пожалуйста, опубликуйте свои комментарии по текущей теме материала. За комментарии, подписки, отклики, дизлайки, лайки огромное вам спасибо!

Пожалуйста, оставляйте свои отзывы по текущей теме статьи. За комментарии, лайки, отклики, дизлайки, подписки огромное вам спасибо!

КККонстантин Кондрусинавтор статьи «How to view the HTML source code of a веб-страницу»