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

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

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

Вывод содержимого сайта только для определенного браузера - Плагин 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качиваний: 145) - только xml
Скачать файл: browser-selection_v0_1.zip [5,59 Kb] (cкачиваний: 120) - плагин с иконкой
Скачать файл: browser-selection для DLE15.3 v0.2.153 [4,02 Kb] (cкачиваний: 14) - только xml (Chrome и Safari)
Скачать файл: browser-selection для DLE15.3 v0.2.153.2 [5,75 Kb] (cкачиваний: 14) - только xml (Chrome,Safari, Firefox, Opera)
Скачать файл: browser-selection для DLE15.3 v0.2.153.2 [7,1 Kb] (cкачиваний: 20) - плагин с иконкой (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 можно добавить опцию которая будет

[Перевод] CraSSh: ломаем все современные браузеры вычислениями в CSS

Автор статьи: Константин Сафонов Не хочу читать эту техническую болтовню. Просто повали уже мой

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

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

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

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

Расширение к браузеру Google Chrome для сайта blogs.smartZone.ru

В своей работе над веб-сайтами мы стараемся предлагать не просто "сайт для компьютера", а

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

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

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

    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;
   }

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

  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги