При просмотре исходного кода веб-страницы важно помнить, что информация и код, не обработанные сервером, не будут отображаться. Например, почти все поисковые системы Интернета обрабатывают информацию на сервере, а затем отображают результаты на веб-странице. Другими словами, вы можете просматривать код, который составляет страницу результатов, но вы не можете просматривать исходный код поисковой системы.
Это правило применяется ко всем серверным сценариям, SSI и программному коду. Поэтому такие функции, как поисковые системы, форумы, опросы, чат и т. Д., Не будут отображать свой код. Копирование информации из исходного кода может вызвать ошибки или перенаправить вас обратно на страницу, с которой вы скопировали информацию.
Пользователи Microsoft Edge
Чтобы просмотреть исходный код веб-страницы в Microsoft Edge, выполните следующие действия.
- Нажмите Ctrl + U или F12 на клавиатуре вашего компьютера.
- Выберите вкладку Элементы в верхней части правого окна.
Или же
Или же
- Откройте Microsoft Edge и перейдите на веб-страницу по вашему выбору.
- Нажмите Подробнее
значок в правом верхнем углу экрана. - Выберите Developer Tools из выпадающего меню, которое появляется.
- Выберите вкладку Элементы в верхней части правого окна.
Совет: В Microsoft Edge инструмент DOM также обеспечивает взаимодействие с исходным кодом и настройками CSS, позволяя пользователям видеть, как изменения в коде немедленно влияют на веб-страницу.
Пользователи Microsoft Internet Explorer
Чтобы просмотреть исходный код веб-страницы в Microsoft Internet Explorer, выполните следующие действия.
- Нажмите Ctrl + U или F12 на клавиатуре вашего компьютера.
- Перейдите на вкладку « Отладчик » в верхней части нового меню.
Или же
Или же
- Откройте Internet Explorer и перейдите на веб-страницу по вашему выбору.
- Нажмите клавишу Alt, чтобы открыть строку меню браузера.
- Выберите View, а затем Source в раскрывающемся меню.
- Перейдите на вкладку « Отладчик » в верхней части нового меню.
Совет: в последних версиях Internet Explorer нажатие клавиши F12 вызывает инструмент DOM. Этот инструмент обеспечивает гораздо большее взаимодействие с исходным кодом и настройками CSS, позволяя пользователям видеть, как изменения в коде немедленно влияют на веб-страницу.
Пользователи Mozilla Firefox и Netscape
Чтобы просмотреть исходный код веб-страницы в Mozilla Firefox, выполните следующие действия.
- Нажмите Ctrl + U на клавиатуре вашего компьютера.
Или же
Или же
- Откройте Mozilla Firefox и перейдите на веб-страницу по вашему выбору.
- Нажмите клавишу Alt, чтобы открыть строку меню браузера.
- Выберите Инструменты, Веб-разработчик, а затем Источник страницы .
Совет: В последних версиях Firefox нажатие клавиши F12 или Ctrl + Shift + I вызывает интерактивный инструмент разработчика. Этот инструмент обеспечивает гораздо большее взаимодействие с исходным кодом и настройками CSS, позволяя пользователям видеть, как изменения в коде немедленно влияют на веб-страницу.
Просмотр раздела исходного кода страницы
- Выделите часть веб-страницы, для которой вы хотите просмотреть исходный код.
- Щелкните правой кнопкой мыши по выделенному разделу и выберите « Просмотреть источник выделения».
Совет: Используйте дополнение Firebug, чтобы не только просматривать исходный код страницы, но и изменять и просматривать эти изменения в реальном времени через браузер.
Пользователи Google Chrome
Чтобы просмотреть исходный код веб-страницы в Google Chrome, выполните следующие действия.
- Нажмите Ctrl + U на клавиатуре вашего компьютера.
Или же
Или же
- Откройте Chrome и перейдите на веб-страницу по вашему выбору.
- Нажмите на Настроить и контролировать Google Chrome
значок в правом верхнем углу окна браузера. - В раскрывающемся меню выберите Дополнительные инструменты, а затем Инструменты разработчика .
- Перейдите на вкладку « Элементы » в верхней части нового раздела.
Совет: В последних версиях Chrome нажатие клавиши F12 или Ctrl + Shift + I также вызывает интерактивный инструмент разработчика. Этот инструмент обеспечивает гораздо большее взаимодействие с исходным кодом и настройками CSS, позволяя пользователям видеть, как изменения в коде немедленно влияют на веб-страницу.
Пользователи Apple Safari
Чтобы просмотреть исходный код веб-страницы в Apple Safari, выполните следующие действия.
- Нажмите Ctrl + Option + U на клавиатуре.
Или же
Или же
- Откройте браузер Safari и перейдите на веб-страницу по вашему выбору.
- Выберите меню « Разработка» .
- Выберите опцию Показать источник страницы .
Пользователи Opera
Чтобы просмотреть исходный код веб-страницы в Opera, выполните следующие действия.
- Нажмите Ctrl + U на клавиатуре.
Или же
Или же
- Откройте Opera и перейдите на веб-страницу по вашему выбору.
- Нажмите кнопку меню
в верхнем левом углу окна браузера. - В подменю Разработчик выберите Источник страницы .
Совет. Если вы не видите подменю « Разработчик», выберите « Другие инструменты» → « Показать меню разработчика» . Затем нажмите кнопку меню
Совет. В последних версиях Opera нажатие комбинации клавиш Ctrl + Shift + I вызывает интерактивный инструмент разработчика. Этот инструмент обеспечивает гораздо большее взаимодействие с исходным кодом и настройками CSS, позволяя пользователям видеть, как изменения в коде немедленно влияют на веб-страницу.
Android-телефон работает под управлением Chrome
- Откройте интернет-браузер Google Chrome на своем телефоне.
- Откройте веб-страницу, исходный код которой вы хотите просмотреть.
- Нажмите один раз в адресной строке, а затем переместите курсор в начало URL-адреса.
- Введите view-source: и нажмите Enter или Go .
Совет: Например, чтобы просмотреть код нашей домашней страницы, вы должны набрать view-source: //www.computerhope.com
Как закрыть исходную кодовую страницу или инструмент
Как только вы закончите просмотр исходного кода на веб-странице, вы можете закрыть или закрыть его. Закрытие исходного кода зависит от метода, который вы использовали для его открытия.
- Если вы использовали метод Ctrl + U (кроме Edge) или метод правой кнопки мыши, закройте новую вкладку, которая открылась в верхней части окна браузера.
- Если вы использовали метод разработчика (нажав F12 или Ctrl + Shift + I), нажмите
в правом верхнем углу окна инструментов .