Корзина пуста
Войти О магазине FAQ Авторы Хостинг Сообщество
Компонент для создания мобильной версии страниц сайта.
Загрузите дополнение из админки вашего сайта. Как?
Плагин парсит страницу при выводе и убирает из неё теги для других версий устройств.

Всего можно использовать три вида тегов: standard, tablet и mobile.
<!DOCTYPE html>
<html>
<head>
	<title>[[++site_name]] - [[*pagetitle]]</title>
	<base href="[[++site_url]]" />
</head>
<body>
	<standard><p>This is a <b>standard</b> view.</p></standard>
	<tablet><p>This is a <b>tablet</b> view.</p></tablet>
	<mobile><p>This is a <b>mobile</b> view.</p></mobile>
</body>
</html>

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

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

Настройки

Все возможные опции вынесены в системные настройки. Это значит, что их можно указывать раздельно для каждого контекста.
  • disable_plugin — Выключить плагин
  • use_cookie — Запоминать тип браузера юзера.
  • tablet_is_standard — Считать планшеты компьютерами и выводить для них тег standard.
  • + разные настройки для указания переменных и тегов версий

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

Исходный код в репозитории на GitHub.
Встроенный Mobile Detect в директории model можно обновлять из его репозитория.

Посмотреть в работе можно на демо-сайте.
Changelog for MobileDetect.

1.0.1-pl
==============
- Updated Mobile-Detect core.

1.0.0-beta
==============
- Initial version
  1. Владимир Бурнос 19 июля 2015, 21:32 #
    Странно, что так мало его используют. Работает как часы. Спасибо.
    1. Павел 12 августа 2015, 14:17 #
      Отличный компонент. БлагоДарю!
      1. Максим 31 августа 2015, 13:59 #
        MobileDetect конфликтует с опцией &includeContent сниппета pdoResources
        1. Павел 09 сентября 2015, 17:50 #
          Кстати да… а этого очень не хватает!(
        2. art-seopro 16 сентября 2015, 17:08 #
          Не вызывает ли это лишней нагрузки на сервер и не увеличивает ли время отклика.
          Если я буду загружать в шаблоне 2 версии сайта:
          <standard>[[$dtop]]</standard>
          <mobile>[[$mobile]]</mobile>
          
          1. Генрих 28 сентября 2015, 19:45 #
            Василий, подскажите пожалуйста, Ваш пакет пишет кеш различных версий сайта в разные места?
            1. Никита 27 октября 2015, 12:54 #
              Что-то у меня не работает автоопределение.
              При просмотре через f12 на вашем демо demo.modx.pro/mobiledetect отрабатывает мобильная версия или стандарт.
              У меня так не работает ((
              вопрос, что не так? Может что нужно добавить?
              1. Никита 27 октября 2015, 12:56 #
                оказывается надо прописывать ?browser=detect к url. А как это сделать автоматически?
              2. Павел 05 ноября 2015, 14:27 #
                Эм… пытаюсь вызвать pdopage для пк версии и для телефонов отдельно, перестаёт работать пагинация.

                В общем страница имеет структуру
                <html>
                <head>
                    [[$head]]
                </head>
                <body>
                <standard>
                [[!pdoPage? 
                   &element=`pdoResources`
                   &limit=`10` 
                   &parents=`[[*id]]` 
                   &tpl=`tpl_news` 
                ]]
                [[!+page.nav]]
                </standard>
                <mobile>
                [[!pdoPage? 
                   &element=`pdoResources`
                   &limit=`10` 
                   &parents=`[[*id]]` 
                   &tpl=`tpl_news_mob` 
                ]]
                [[!+page.nav]]
                </mobile>
                </body>
                </html>
                
                1. Павел 05 ноября 2015, 14:43 #
                  Точнее… если &limit разный у них указать. Если допустим в standard написать 20, а в mobile 10, то [[!+page.nav]] будет отображаться от mobile.
                  1. Алексей Бгатов 02 декабря 2016, 12:22 #
                    не знаю, актуально ли еще, но поменяйте переменную у второго вызова с page.nav на mobile.nav например.
                2. Вероника 11 февраля 2016, 14:04 #
                  Идея отличная! Спасибо. Но можно уточнить, при вызове, например, в тегах
                  <mobile>Сниппет</mobile>
                  pdomenu система отправится искать в базе меню или пропустит, наткнувшись на тег перед ним? Попросту говоря, если мы вызываем разные параметры сниппетов для разных мониторов, будут ли они отрабатываться или скрываются без запроса к базе?
                  1. Павел 09 марта 2016, 14:51 #
                    Не работает в паре с Fenom. Как обсуждалось тут
                    1. Кирилл 03 августа 2016, 13:46 #
                      Не работает с mFilter2…
                      1. arzpr 10 ноября 2016, 09:27 #
                        Настройки пропали в Системные настройки & События ((
                        Войдите на сайт, чтобы прокомментировать.
                        График скачиваний дополнения за последние 30 дней. Серым фоном отмечены выходные.
                        Название
                        MobileDetect
                        Сайт дополнения
                        Версия
                        1.0.1-pl
                        Дата выпуска
                        18.10.2015
                        Автор выпуска
                        Василий Наумкин
                        Цена
                        Бесплатно
                        Загрузок
                        713
                        Версия MODX
                        от 2.2
                        Другие дополнения автора
                        SMF, Ace, mxManager, msProfile, Comparison, AjaxSnippet, Markdown, Sendex, debugParser, mspQiwi, AjaxForm, mspRobokassa, msDiscount, AdminPanel, TypoMCE, Office, mSearch2, mspZPayment, PageBreaker, eventsCalendar2, Uploadify, Jevix, Loginza, HybridAuth, Tickets, PhpHypher, DateAgo, Theme.Bootstrap, miniShop2, BannerY, yTranslit, pdoTools, MinifyX, ms2Gallery
                        Поделиться