Каждый пользователь Сети знает, что создание сайта требует знания программирования и грамотные люди используют специальные языки для организации сайтов. Вопреки распространенному мнению, абсолютно каждый может заглянуть в «исходники» и, возможно, что-то там понять. Сегодня мы поговорим о, Как открыть код страницы в Google Chrome, Мы также рассмотрим разницу с кодом элемента в повествовании.
Инструкции
Не будем останавливаться на теоретической стороне вопроса, ведь сейчас миром правит практика. Чтобы просмотреть один из языков программирования, вам нужно:
- Щелкните мышью в любом месте страницы (не в области закладок).
- В контекстном меню выберите пункт «Просмотр кода страницы.».
- Система автоматически открывает новую вкладку, где мы видим множество строк непонятного содержания и назначения (в большинстве случаев).
Если мы выберем пункт «Просмотреть код», затем справа открывается небольшое окно с множеством непонятных элементов.
Разница между этими двумя функциями существенна:
- Информация о странице позволяет оценить общую структуру объекта и используемую технику.
- «Просмотр кода.» Показывает подробную картину любой страницы и элемента (допустим, всю нижнюю строку).
- Исходная последовательность команд для страницы не может быть отредактирована, она открывается в отдельном окне.
- Код элемента можно изменить по своему усмотрению и конверсии будут жить до обновления.
Вносимые при этом изменения не вредят самому сайту, так как корректировка производится только вашей копией браузера.
Просмотр кода элемента и другой функциональности
Попробуем описать эту пошаговую инструкцию как можно проще:
- Открыть Chrome и перейдем на интересующую нас страницу.
- Здесь вы получаете контекстное меню уже известным способом и нажимаете на «Просмотр кода страницы» (или используем ярлык Ctrl + U).
- В новом окне активируйте строку поиска с помощью команды Ctrl + F, Введите любое слово, например, .png для обнаружения ссылок на изображения.
- Мы автоматически переходим в ту часть языка программы, в которой используется данная последовательность букв.
Просматривая исходный код элемента или страницы в Chrome, мы можем:
- Посмотрите полную структуру страницы от верхнего до нижнего колонтитула.
- Просмотреть все ссылки на другие ресурсы или внутренние переходы.
- Узнайте, можно ли копировать информацию с этого ресурса.
Читать код программы без специальных знаний сложно, и многие вещи останутся для вас неизвестными и непонятными. Для разработчиков и специалистов это удобный инструмент для работы с веб-сайтами.
Подведем итоги
Программирование — это жизненная сила веба в наши дни, и да, в этом есть смысл. Именно поэтому важно уделять внимание изучению языков не народов, а машин. Получите лучшее понимание того, что происходит во время серфинга и навигации по веб-сайтам.