4 инструмента, позволяющих увидеть, с помощью какого программного обеспечения был создан веб-сайт (и почему вы хотели бы это сделать)

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

Давайте копаться!

Подпишитесь на наш канал Youtube

Почему вы хотите знать, на каком программном обеспечении был построен веб-сайт

«Создание» веб-сайта - это не то, чем вы когда-либо заканчиваете. Вероятно, вы ищете новые функции, которые можно добавить, или способы постоянно улучшать пользовательский интерфейс (UX). Веб-сайты развиваются как с точки зрения дизайна, так и с точки зрения функциональности. Многие из этих изменений происходят из-за того, что вы просматриваете другие сайты и думаете: «Эй, это круто!». Вы также можете лучше разбираться в HTML и CSS по сравнению с предыдущими версиями или даже лучше разбираться в передовых методах проектирования и доступности.

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

К счастью, вы можете получить многие ответы, просто взглянув на его исходный код. Более того, вы можете использовать инструмент для поиска общих шаблонов и фрагментов кода в исходном коде и сообщить вам, что именно вам нужно знать, например:

• Какую систему управления контентом (CMS) использует веб-сайт?
• Какие языки присутствуют на сайте?
• Полагаются ли они на определенные плагины WordPress или сторонние инструменты и сервисы?
• Какой хостинг они используют?

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

4 инструмента, чтобы увидеть, с помощью какого программного обеспечения был создан веб-сайт

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

1. Netcraft

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

Вы также получите информацию о том, какой тип сертификата Secure Sockets Layer (SSL) они используют, если таковой имеется:

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

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

2. Wappalyzer

Wappalyzer называет себя «поставщиком технических данных». Цель состоит в том, чтобы помочь вам проанализировать веб-сайты, чтобы выявить все основные элементы, составляющие единое целое. Чтобы использовать инструмент поиска технологий Wappalyzer, вам необходимо зарегистрировать бесплатную учетную запись, а затем найти конкретный URL-адрес:

Как только Wappalyzer закончит, он вернет список программного обеспечения, которое он смог идентифицировать. Для Elegant Themes он правильно определил Cloudflare, Google Analytics, Tag Manager и Google Fonts:

Инструмент также правильно обнаружил WooCommerce. Однако количество деталей для каждого инструмента немного скучно. Например, хотя Wappalyzer идентифицировал интеграцию с WordPress, он не дает вам никаких конкретных подробностей об этом. С одной стороны, это хорошо для безопасности, но плохо для вашей основной цели.

Точно так же Wappalyzer смог определить YouTube как одну из 15 технологий на сайте. Однако, если вы нажмете на любой результат, вы получите только краткую информацию о том, какие другие веб-сайты его используют:

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

3. Построен с

Built With включает в себя семейство инструментов, которые позволяют вам просматривать данные веб-сайта о том, какое программное обеспечение использует веб-сайт, его основные ключевые слова и многое другое. Вы можете начать работу, введя URL-адрес веб-сайта, который хотите проанализировать. После этого Built With вернет список всего программного обеспечения и инструментов, которые он может идентифицировать:

Количество деталей, которые вы получаете с помощью Built With, поражает. Чтобы дать вам представление, сервис смог определить три разных типа интеграции Facebook. Это также единственный инструмент, который идентифицировал несколько плагинов WordPress, включая Monarch Social Sharing, Yoast SEO, W3 Total Cache и другие.

В то же время Built With смог правильно идентифицировать провайдера веб-хостинга, не обращая внимания на интеграцию с CDN на сайте. Единственный недостаток - и он незначительный - в том, что списки, которые мы получили, были огромными. В некоторых случаях сайты Built With также включали инструменты, которые больше не использовались, но их легко обнаружить, потому что служба сообщает вам, когда они внесли изменения.

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

4. Webspotter

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

После установки Webspotter посетите веб-сайт, который хотите посетить, и щелкните значок расширения. Затем вы увидите обзор его программного стека:

Сам анализ не показывает такого количества интеграций, как Wappalyzer или Built With. Однако это тот инструмент, который можно использовать на лету, если у вас нет времени проводить полный анализ каждого веб-сайта.

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

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

Заключение

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

С помощью этих четырех инструментов вы можете точно узнать, на каком программном обеспечении построен каждый веб-сайт:

1. Netcraft: эта услуга дает вам подробную информацию о доменах и о том, какие услуги хостинга использует веб-сайт.
2. Wappalyzer: отличное решение для быстрого получения списка технологий на веб-сайте.
3. Создано с помощью: узнайте, какие инструменты использует веб-сайт или использовал в прошлом.
4. Webspotter: это расширение Chrome позволяет оперативно узнавать информацию о веб-сайтах.

У вас есть вопросы о том, как определить программное обеспечение, которое использует веб-сайт? Давайте рассмотрим их в разделе комментариев ниже!

Миниатюра статьи. Изображение Кости Тимофеева / shutterstock.com