Pull to refresh

Вывод уведомления об устаревшем браузере с помощью jReject

Reading time 3 min
Views 31K
Многие веб-сайты выводят предупреждения об устаревших браузерах или и вовсе отправляют пользователя устанавливать новый браузер или Google Chrome Frame.
jReject — специальный плагин для jQuery, позволяющий отображать подобные уведомления с помощью нескольких строчек кода.

jQuery jReject


Настройка блокируемых браузеров


Плагин позволяет гибко настроить список браузеров, пользователи которых увидят уведомление.
Например, чтобы выдавать сообщение пользователям неизвестных браузеров, а также Firefox 2 и Internet Explorer 5, достаточно сконфигурировать плагин следующим образом:

$.reject({ 
    reject: { 
        msie5:true,
        msie6:false,
        firefox2:true,
        unknown:true
     }
});


Internet Explorer пятой и шестой версий блокируются плагином автоматически, поэтому если вы почему-то хотите беспрепятственно пускать на сайт пользователей IE6 необходимо указать это отдельно (msie6:false).

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

Группа Ключевые слова
Opera opera, opera7, opera8, opera9, opera10
Google Chrome chrome, chrome1, chrome2, chrome3, chrome4
Firefox firefox, firefox1, firefox2, firefox3
Internet Explorer msie, msie5, msie6, msie7, msie8
Safari safari, safari2, safari3, safari4
Konqueror konqueror, konqueror1, konqueror2, konqueror3
Движки gecko, webkit, trident, khtml, presto
ОС win, mac, linux, solaris, iphone
Всё остальное unknown


Предлагаемые браузеры


Список современных браузеров, которые предлагаются к установке, может быть легко настроен вручную. Например, следующий код можно использовать, чтобы выводить для пользователей IE предложение установить Google Chrome Frame:
$.reject({ 
    reject: {msie:true,firefox1:true},
    browserInfo: {
        gcf: { 
            text:'Google Chrome Frame'
            url:'http://google.com/chromeframe',  
            allow: {all: false,msie: true}
// Запретить показывать кнопку Google Chrome Frame для всех браузеров, кроме IE
    } 
  }
});



Полезные опции


Плагин поддерживает ряд опций, смысл которых вполне понятен из их названий.

  • Для того, чтобы полностью ограничить доступ к сайту пользователям устаревших браузеров, можно установить параметру close значение false — в этом случае пользователь не сможет закрыть окошко с уведомлением и будет вынужден обновить браузер либо убраться с сайта прочь.
  • Чтобы вручную указать тексты, которые будут отображаться плагином, можно использовать следующие параметры: header, paragraph1, paragraph2, closeMessage, closeLink.
  • Можно настроить также параметры «затемнения» фона — плагин поддерживает опции overlayBgColor, overlayOpacity, fadeInTime и fadeOutTime.


Особенности


Прямо в самом плагине «вшит» стандартный набор предлагаемых браузеров вместе с их версиями, которые давно уже устарели. Несмотря на то, что плагин был обновлён менее месяца назад, он всё ещё предлагает по умолчанию установить Chrome 18 или Opera 11. Для того, чтобы исправить это недоразумение достаточно либо указать актуальные версии в самом коде плагина, либо вообще убрать оттуда версии, оставив лишь названия браузеров. Второй вариант, разумеется, будет намного корректнее — едва ли кто-то станет постоянно обновлять данные вместе с выходом новых версий браузеров. Можно также вручную указывать список браузеров с их актуальными версиями при вызове плагина.

Ещё один немаловажный момент: для того, чтобы корректно отображались логотипы браузеров, необходимо указать в параметре imagePath адрес каталога, где они размещены. По умолчанию используется путь ./images/.

Ссылки


Скачать jReject и ознакомиться с более детальными примерами его использования можно на сайте плагина.
Tags:
Hubs:
+36
Comments 70
Comments Comments 70

Articles