Программисты-любители или просто любопытные пользователи могут интересоваться, как посмотреть исходный код страницы в Хроме? Для этого не обязательно быть хакером, ведь сделать это намного проще, чем кажется. Разработчики бразуера предоставляют доступ к этим данным, и дают возможность всем, кто хочет, попробовать создать конфигурации программы или расширения для него.
Содержание
Как открыть исходный код страницы браузера Гугл Хром
Если вам нужно посмотреть, как же выглядит код вашего браузера, следуйте этой инструкции.
На компьютере
- Откройте браузер и кликните правой кнопкой мышки на свободное пространство.
- Появится контекстное меню. В нем выбираем строку «Просмотр кода страницы».
- Откроется новая вкладка, в которой и будут прописаны элементы на языке php в полном объеме.
- Чтобы расшифровать эту информацию, снова кликните ПКМ и теперь нажмите “Просмотреть код”. Экран разделится на две части, в правой будет находиться информация об элементах страницы. Нажав на каждый из них, вы сможете рассмотреть надписи и скопировать их, чтобы применить такой же элемент в своем продукте. Также вы можете вносить изменения в код, тогда сайт будет отображаться в вашем обозревателе так, как вам хочется вплоть до её обновления.
Кстати опцию просмотра шифра вызывать путем нажатия клавиши F12.
Также вы можете открыть настройки (три точки в правом верхнем углу экрана), нажать на вкладку “дополнительные инструменты” и выбрать раздел «Инструменты разработчика».
Это также вызовет консоль с командами.
На мобильном телефоне
Подобный функционал отсутствует в мобильной версии браузера. Посмотреть нужные данные вам поможет утилита VT View Source. Загрузить её можно бесплатно с магазина приложений Google Play. С её помощью можно значительно расширить базовый функционал мобильного браузера и работать с ним аналогично компьютерной версии.
Просмотр кода элемента и прочий функционал
В режиме “просмотр кода” вы можете нажать при помощи курсора-стрелки выбрать любой интересующий фрагмент и посмотреть, как именно он создавался. Также вы сможете скопировать его и вставить в свой код, а также менять требуемые параметры отображения информации для собственного удобства.
Заключение
Имея возможность просматривать “подноготную” страниц, вы можете пополнять свои знания, если увлекаетесь программированием, копировать элементы сайтов что очень полезно для создания своих продуктов и перенимания опыта других разработчиков. Также при помощи такой опции вы сможете адаптировать браузер под свои потребности и значительно расширить возможности программы.
