article image

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

 

 

 

Что такое фреймворк простыми словами

Framework в переводе с английского означает «структура», «каркас». Его назначение достаточно ёмко описывается этими значениями. Фреймворк представляет собой специальную программную среду, которая способна облегчить разработку программ, объединение компонентов. Эта среда оснащена неизменной частью, основой, которая остается прежней независимо от конфигурации.

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

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

 

 

 

Чистый код, фреймворк, библиотеки и CMS

При создании сайта могут быть использованы различные технологии и пути его создания:

 

 

  1. Написание кода вручную – растянутый по времени, дорогостоящий процесс в котором можно реализовывать любой функционал. Такая работа нуждается в тщательном тестировании ошибок и недоработок.
  2. Использование библиотек – набор классов, компонентов или модулей для разных задач. Это готовые решения, которые программисты могут применять в своих программах, вставлять их в свой код по специальным алгоритмам в разных проектах. Применение библиотек – составляющая функционального подхода к написанию программ.
  3. Применение фреймворков – готовых основ для наполнения необходимыми компонентами. Есть ряд ограничений в отличие от написания кода вручную, но быстрее и проще.
  4. Установка готовой CMS – путь наименьшего сопротивления, который популярен в среде представителей малого и среднего бизнеса.

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

 

 

 

Как узнать на какой платформе сделан сайт, определение CMS сайта вручную

Существует несколько методов распознавания CMS сайта, однако вычислить самописные движки невозможно. Они уникальны и единственный путь – найти разработчика и напрямую спросить. Однако обращение к собственнику ресурса не всегда может принести плоды:

 

  • связь с фрилансером, писавшем его, может потеряться;
  • веб-студия, которая занималась сайтом, могла закрыться и т.д

 

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

 

 

 

По информации о странице

informaciya-o-stranice

Чтобы просмотреть информацию о странице с помощью браузера Firefox нужно вызвать контекстное меню (ПКМ в пустой области или сочетанием клавиш Ctrl + U) и выбрать пункт «Информация о странице». В открывшемся поле – отыскать мета-тег «generator». Именно в нем прописана CMS веб-ресурса. Способ хоть и является самым простым, но результата он может не принести. Это связано с тем, что зачастую разработчики удаляют этот тег, чтобы скрыть название в коде.

 

 

 

По административной панели

Если же информация о CMS отсутствует в коде, то можно попробовать войти в админку. Войти, конечно, не получится – нужен логин и пароль. А вот на основе прописанного пути, приводящего ко входу в админку легко определить CMS. Для этого после имени сайта следует приписать следующий путь:

 

 

 

  • Joomla название.ru/administrator
  • OpenCart название.ru/admin/
  • Drupal название.ru/user/
  • ВордПресс название.ru/wp-admin/
  • Битрикс название.ru/bitrix/admin
  • WebAsyst – название.ru/login
  • DLE – название.ru/admin.php

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

 

 

 

Определение структуры URL ссылок

Способ имеет место быть, если ссылки не обрабатывались в генераторе URL. Только по их стандартному виду определяется CMS, который имеет следующий вид:

 

 

CMS

URL

1

WordPress

/p325

2

Joomla

/index.php

3

PrestaShop

/page_name

4

MaxSite

/page

 

 

Указанный метод изживает себя в связи с развитием SEO и написанием логичных урлов. Другими словами, необработанные ссылки заменяются на информацию о контенте или на заголовки страниц. Благодаря этому ресурс лучше индексируется в поисковиках и поэтому с каждым днём указанный способ все менее актуален. Еще можно наткнуться на устаревшие и заброшенные сайты. Как правило, обслуживание таких проектов разработчиками уже не производится и определить их CMS при помощи метода определения URL все еще можно. Однако, вам придется изрядно постараться, чтобы найти подобный ресурс на просторах интернета.

 

 

 

Просмотр исходного кода страницы

kod-stranicy

Просмотреть исходный html-код – простой и достоверный метод определения платформы. Такой подход схож с описанным выше методом для Firefox, но применим в любом браузере. Для этого нужно вызвать контекстное меню (комбинация клавиш Ctrl + U или нажать правой кнопкой мыши на главной странице сайта). После этого выбрать пункт «Исходный текст страницы» или схожий с ним. Название этого пункта зависит от установленного браузера. В открывшемся коде также, как и в случае с “Огненной лисой” необходимо найти тег «generator». После него будет указано название CMS. Проблемой при таком способе определения может стать распространенное удаление строки с названием платформы.

 

 

 

Проверка пути к файлам оформления

Реализация метода происходит на той же странице сайта, где просматривается исходный код. В нем можно отыскать ссылки, ведущие к файлам оформления css и js. Отличие CMS друг от друга также заключается в том, что они имеют уникальную структуру, которая ее выделяет. Так в ВордПресс в корневой системе указывается wp-includes или wp-content. А в Drupal корень имеет следующий вид: /sites/default/files.

 

 

 

Служебные страницы в robots.txt

Большинство движков автоматически создают файлы robots.txt. Он просто обязан быть независимо от выбора CMS. Robots.txt несет ответственность за запреты на индексирование, отображение и дублирование страниц с технической информацией. Именно с его помощью можно определить CMS по некоторым признакам. Чтобы его открыть надо добавить к URL верхнего уровня ресурса текст “/robots.txt”. Для разных платформ написанное там будет выглядеть таким образом:

 

 

  • WP – в самом начале будет написано название этой CMS;
  • Drupal – характерная строка Disallow: /?q=admin/;
  • Черты платформы Битрикс также можно увидеть в этом текстовом файле в строке Disallow: /*bitrix_*=

 

 

 

Поиск движка в футере сайта

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

 

 

 

Плагины для определения фреймворка

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

 

 

Wappalyzer

wappalyzer

Плагин wappalyzer предоставит возможность легко узнать информацию о сайте. Это бесплатное расширение, которое можно установить на Мозиллу и Гугл Хром. Способно автоматически определить CMS сайта всего за один клик мыши. После установки расширения в браузере появляется иконка, дающая информацию о технологиях, которые применялись при создании:

 

 

  • CMS или фреймворк;
  • Язык программирования;
  • Счетчики аналитики;
  • Библиотеки скриптов;
  • Социальные сервисы;
  • Шрифты.

Расширение пригодится тем, кто часто занимается инспектированием различных сайтов.

 

 

RDS bar

rds-bar

Еще один плагин, позволяющий не только в одно касание, определить данные, указанные выше, но и провести глубокий SEO-анализ показателей сайта. Доступно скачивание и установка на Mozilla Firefox, Chrome, Opera. Среди его функционала стоит выделить:

 

 

  1. Параметры и функции панели инструментов, которые определяют доменное имя компьютера с этим IP, возраст сайта, IP сервера, провайдера, страну размещения, CMS. Кроме того, отображается ряд параметров, связанных с поисковыми системами, доступен вывод SEO-тегов и проверка правописания на странице.
  2. Глубокую работу с поисковой выдачей Яндекса и Гугла.
  3. Подстановку блоков содержимого, внешних ссылок и подсветку тегов. Можно задавать стиль выделения и исключить сайты, где эта проверка и подсветка не требуется.

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

 

 

Builtwith technology profiler

 BuiltWith-Technology-Profiler

Расширение для Мозиллы, Хрома или Эджа, а также отдельно взятый сервис, позволяющий выяснить:

 

 

  • какие CMS и фреймворки использовались;
  • какие рекламные площадки применялись;
  • какие виджеты задействовались;
  • вычислить инструменты или язык программирования;
  • просмотреть аналитику сайта.

Чтобы найти сведения о CMS необходимо пролистать результат обработки до строки «Content Management System».

 

 

Itrack

itrack

Бесплатный инструмент не требует регистрации. Используйте расширения для браузеров Opera, Chrome, Mozilla Firefox или загружается по ссылке на сайте разработчика: https://itrack.ru/whatcms/. Доступный сервис без лишних действий для определения CMS на сайте. В базе itrack находится более 80 видов CMS.

 

 

 

Заключение

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

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