Узнайте, что скрывается под капотом

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

Если вам интересно, как работает ваш любимый веб-сайт, или вы хотите узнать, использует ли он что-то схематичное, эта статья покажет вам несколько способов заглянуть под капот и посмотреть, как он построен.

Просмотреть код веб-сайта

Если вы не разработчик или только начинаете, вы скоро узнаете секрет лучшего программирования. Посмотрите на чужой код. Мы показали вам, как использовать инструменты разработчика Chrome для этого.

ChromeDevTools поможет вам просмотреть код HTML, JavaScript и CSS сайта, узнать, какие источники они могут использовать, а также как проверить производительность загрузки сайта в браузере. Все основные веб-браузеры имеют доступные версии инструментов разработчика.

BuiltWith.com – это ресурс профессионального уровня, который углубляется в сайты, чтобы увидеть все технологии, которые они используют. В настоящее время они охватывают более 673 миллионов веб-сайтов и их количество растет. Основная идея сайта заключалась в том, чтобы помочь привлечь потенциальных клиентов к продажам программного обеспечения.

Расширенные функции доступны только по платной подписке, но любой может перейти на BuiltWith.com, ввести адрес веб-сайта, название технологии или ключевое слово и получить подробный профиль технологии. Зарегистрируйте бесплатную учетную запись, и вы сможете выполнять пять подробных поисков в день.

Netcraft является ресурсом для веб-разработчиков с 1995 года. Их 25-летний опыт отражен в бесплатном инструменте Site Report от Netcraft. Он сочетает в себе технический отчет с «кто владеет сайтом”Фоновый отчет, так что вы получите подробный обзор сайта. Вы будете знать, где он размещен и кому он принадлежит, а также немного истории домена.

Отчет о сайте Netcraft дает возможность неограниченного поиска. Тем не менее, используйте его только тогда, когда он вам действительно нужен. Это бесплатный ресурс, и сообщество разработчиков хотело бы, чтобы он оставался таким.

Инструмент информации о сайтах W3Techs работает немного иначе, чем другие. Они хранят базу данных с информацией, но только на сайтах, которые уже были просмотрены с помощью этого инструмента. Если вы проверяете сайт, который ранее не проверялся, он мгновенно просканирует его.

Представленный отчет менее подробный, чем другие услуги, но все же проницательный. Вы узнаете, какую CMS, языки программирования, веб-сервер и хостинг-провайдера использует сайт. W3Techs также предоставляет расширения для браузеров Firefox и Chrome, поэтому вы можете проверять сайты одним щелчком или касанием.

Если вы предпочитаете иметь подключаемый модуль браузера для проверки технологий сайта, у Wappalyzer есть подключаемые модули для Fire Fox, Хром, а также Край. Плагины бесплатны, просты в использовании и имеют удобный для чтения дизайн. Щелкнув любую технологию в отчете, вы получите ее объяснение, что очень хорошо, если будет найдено то, чего вы раньше не видели.

Wappalyzer предлагает уникальную функцию с возможностью создания предупреждений для веб-сайта. Они проверяют сайт ежедневно и пишут вам, если обнаруживают изменения. Уведомление потребует от вас создать бесплатную учетную запись в Wappalyzer и будет стоить 10 кредитов в месяц.

Но вы получаете 50 кредитов бесплатно каждый месяц, а предупреждение стоит всего 10 кредитов за каждые 30 дней. Таким образом, оповещения Wappalyzer в основном бесплатны, если вы отслеживаете 5 или меньше сайтов.

Все услуги Webspotter, кроме одной, являются платными, но это нормально. Их бесплатные Расширение Webspotter Chrome компенсирует это. Расширение Webspotter похоже на Wappalyzer, но имеет несколько различных функций. Рядом с каждой перечисленной технологией есть ссылки на статистику по технологии, список веб-сайтов, использующих эту технологию, и официальный веб-сайт этой технологии.

Еще более интригующей функцией является способность Webspotter извлекать с веб-сайта контакты электронной почты, ссылки в социальных сетях, SEO-аналитику и другую информацию о компании. Хотя это не говорит вам о том, как устроен сайт, он может быть полезен для целей интернет-маркетинга или даже поиска работы.

Возможно, вы не так заинтересованы в веб-разработке, но вы создаете сайт WordPress и хотели бы включить функции, которые вы видели в других местах. Загрузите плагин для браузера Chrome WordPress Theme Detector.

Детектор тем WordPress не только сообщит вам, какую тему WordPress использует сайт, но также расскажет, какие плагины WordPress он использует. Он также показывает вам, кто создал тему или плагин, и предоставляет ссылку на то, где вы можете их получить. Это позволяет легко включать в ваш сайт WordPress элементы, которыми вы восхищались на других сайтах.

Узнайте, как работают веб-сайты

Да, очень легко погрузиться в любой веб-сайт в Интернете и посмотреть, из чего он сделан. Попробуйте использовать два или более из этих инструментов, так как одни подберут то, чего нет у других. Большая часть того, что вы видите на сайте, фактически отображается на вашем компьютере. Вот что позволяет легко смотреть. Это также причина, по которой вам нужно сделайте свой сайт максимально безопасным. Наслаждайтесь глубоким погружением и дайте нам знать, что вы нашли или построили.