Вывод содержимого сайта только для определенного браузера - Плагин browser-selection by TCSE

Плагин browser-selection by TCSE это еще один хак для mobiledetect.class.php встроенного в DLE 15....

20 октября 2022 2 060
TCSE
модуль, переключение шаблонов, теги движка, DLE14
Наши разработки / Скачать модули для DLE

Вывод содержимого сайта только для определенного браузера - Плагин browser-selection by TCSE

Плагин browser-selection by TCSE это еще один хак для mobiledetect.class.php встроенного в DLE 15.

Добавляем поддержку тегов для мобильных веб-браузеров Chrome, Mobile Safari, Firefox и Opera.

[chrome] текст [/chrome]

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

[not-chrome] текст [/not-chrome]

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

[safari] текст [/safari]

выводят текст заключенных в них, в случае если устройство посетителя сайта использует веб-браузер Mobile Safari

[not-safari] текст [/not-safari]

выводят текст заключенных в них, в случае если устройство посетителя сайта не использует веб-браузер Mobile Safari

[firefox] текст [/firefox]

отображает содержимое, если веб-браузер Firefox

[not-firefox] текст [/not-firefox]

отображает содержимое, если веб-браузер не Firefox

[opera] текст [/opera]

отображает содержимое, если веб-браузер Opera

[not-opera] текст [/not-opera]

отображает содержимое, если веб-браузер не Opera

Для понимания принципов работы плагина несколько поясняющих картинок.
В шаблон сайта (например в файле main.tpl) везде, где работают стандартные теги движка [android]текст[/android] или [not-smartphone]текст[/not-smartphone] можно использовать новые теги данного плагина.

Обратите внимание, как именно отображается информация о веб-браузере Opera. Тут нет никакой ошибки, так как в борьбе с дискриминацией со стороны Google все веб-браузер собранные на основе исходников проекта Chromium почти все такие браузер маскируются под стандартный Chrome.

Установить плагин можно из архива в репозитории https://github.com/tcse/DLE-browser-selection/releases/download/

Краткое видео с демонстрацией работы плагина

Скачать плагин

Скачать файл: browser-selection_v0_1.xml [6,06 Kb] (cкачиваний: 144) - только xml
Скачать файл: browser-selection_v0_1.zip [5,59 Kb] (cкачиваний: 119) - плагин с иконкой
Скачать файл: browser-selection для DLE15.3 v0.2.153 [4,02 Kb] (cкачиваний: 13) - только xml (Chrome и Safari)
Скачать файл: browser-selection для DLE15.3 v0.2.153.2 [5,75 Kb] (cкачиваний: 13) - только xml (Chrome,Safari, Firefox, Opera)
Скачать файл: browser-selection для DLE15.3 v0.2.153.2 [7,1 Kb] (cкачиваний: 19) - плагин с иконкой (Chrome,Safari, Firefox, Opera)

Пример кода для тестирования тегов внутри ваших шаблонов:


<p>
Теги плагина browser-selection<br>
</p>
<p>
[chrome]Ваш браузер: <span style="color: green;">chrome</span> <br>[/chrome]
[safari]Ваш браузер:  <span style="color: green;">mobile safari</span>  <br>[/safari]
[not-safari]это не  <span style="color: red;">mobile safari</span>  <br>[/not-safari]
[not-chrome]это не  <span style="color: red;">Google Chrome</span>  <br>[/not-chrome]
[firefox]Ваш браузер: <span style="color: green;">firefox</span> <br>[/firefox]
[opera]Ваш браузер:  <span style="color: green;">opera</span>  <br>[/opera]
[not-firefox]это не  <span style="color: red;">firefox</span>  <br>[/not-firefox]
[not-opera]это не  <span style="color: red;">opera</span>  <br>[/not-opera]
</p>

скриншоты тестов с телефона

Что бы по аналогии добавить поддержку других версий веб-браузеров, прочтите документацию на сайте http://mobiledetect.net

В текущей версии http://mobiledetect.net @version 2.8.34
поддерживаются веб-браузеры

Но если посмотреть статистику Рунета https://www.liveinternet.ru/stat/ru/browsers.html?period=month

То включать поддержку тегов для чего-либо, кроме Chrome и Mobile Safari нужно, разве, что для Яндекс Браузера. Но для него нет описания в mobiledetect.net

Репозиторий плагина https://github.com/tcse/DLE-browser-selection

Другие публикации

Добавить на главный экран - скрипт для DLE: add-to-homescreen

Для устройств работающих на Android в веб-браузере Chrome можно добавить опцию которая будет

CSS Grid Layout. Быстрый старт

Вступление Всем привет. Февраль-Март 2017 года запомнились для многих, кто работает с HTML и CSS

[Перевод] Учим CSS Grid за 5 минут

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

Web-разработка / Url в CSS

Недавно из-за своей невнимательности, наверное, обнаружил забавную вещь в css (поиском искал на

1 Комментарии

TCSE

18 сентября 2020 15:50

Интересное решение предложил посетитель Стас

я пока сделал свое решение.. просто проверяю своим кодом браузер.. и в таком случае пока все работает

Вместо


if( $mobile_detect->isAndroidOS() ){
     $this->android = true;
   }

Вставить:


$user_agent = $_SERVER["HTTP_USER_AGENT"];
     if (strpos($user_agent, "Firefox") !== false) $browser = "Firefox";
     elseif (strpos($user_agent, "Opera") !== false) $browser = "Opera";
     elseif (strpos($user_agent, "Chrome") !== false) $browser = "Chrome";
     elseif (strpos($user_agent, "MSIE") !== false) $browser = "Internet Explorer";
     elseif (strpos($user_agent, "Safari") !== false) $browser = "Safari";
     else $browser = "Неизвестный";

    if ($browser == "Chrome") {
         $this->chrome = true;
    } else {
         $this->chrome = false;
   }

Готовые решения

Вопрос-Ответ

Последние работы

О веб-студии

Корп сайты

Интернет-магазины

Блоги

Собственные проекты

Продукты

Скачать плагин

1 Комментарии

Написать комментарий