Привет, читатель!
Когда я начинал писать сайты без конструкторов, то нужно было искать интересные решения в интернете, чтобы адаптировать под свой собственный сайт. Теперь создание сайтов сильно упростили, сделав кучу разных блоков, которые можно применять и этим обесценили труд web программистов.
Собственно, одно время, я искал разные прикольные решения на других сайтах. Например, разные интерактивные календари или головоломки, для этого приходилось заглядывать в исходный код и анализировать, как построен тот или иной элемент.
Для начала - Источник страницы - это онлайн-страница. Источник страницы также можно назвать «источником документов для веб-страницы / платформы, и он состоит из комбинации кодов HTML (исходного кода), из которых сделана просматриваемая страница.
Исходный код всегда будет выглядеть одинаково, поскольку помогает отслеживать веб-компоненты, сущности, а также структуру веб-сайта. Для того, чтобы упростить процесс вашей работы, ниже я приведу способы проверки источника страницы веб-страницы на различных платформах:
Как просмотреть исходный код страницы и найти необходимые элементы опишу ниже, подрбно к каждому случаю:
- Android.
Если вы посещяете сайт с мобильного устройства и вам нужно оптимизировать ваш ресурс под мобильный траффик, то вам пригодится этот способ.
Откройте веб-сайт, на котором вы хотите просмотреть источник страницы, в браузере Chrome, перейдите в адресную строку и перед URI добавьте view-source: (например, view-source: https: //www.view-page-source. com /). Затем найдите и щелкните стрелку вправо (→), которую вы видите на клавиатуре.
- Apple (iOS)
В iOS по умолчанию не предоставляют возможности просмотра исходного кода. На этих устройствах его можно просматривать только через сторонние приложения, созданные для этой цели, добавляя код в ваши закладки или используя такую службу, как просмотр исходного кода страницы.
- Google Chrome
Наверное, самый популярный инструмент, который сейчас используют большинство пользователей. Чтобы просмотреть исходный код страницы в этом браузере, откройте нужный веб-сайт и щелкните правой кнопкой мыши в любом месте страницы.
Теперь выберите опцию «просмотреть исходный код страницы» или перейдите в верхнее меню браузера и просмотрите исходный текст там.
- Mozilla Firefox
В браузере Mozilla Firefox просмотр исходного кода текущего веб-сайта очень прост.
Просто откройте веб-страницу, на которой вы хотите просмотреть исходный код страницы, и используйте сочетание клавиш ctrl + u или перейдите в меню и под инструментами.
- Safari
В веб-технологиях Apple все чуть проще. Если вы юзаете браузер Safari, то вам нужно войти в настройки и перейти на вкладку «Дополнительно» и установите флажок «Показать меню разработки в строке меню». Теперь используйте комбинацию клавиатуры + option + u, чтобы показать панель исходного кода.
- Microsoft Edge
В адресной строке введите about: flags и откройте страницу параметров. Далее следует нажать и установить флажки «Показать исходный код» и «Проверить элемент» в контекстном меню.
Теперь вы сможете щелкнуть правой кнопкой мыши на любой странице и щелкнуть Просмотр исходного кода, и все готово.
