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

в 7:11, , рубрики: jquery, браузеры, Веб-разработка, старые браузеры, метки: , ,

Многие веб-сайты выводят предупреждения об устаревших браузерах или и вовсе отправляют пользователя устанавливать новый браузер или 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 и ознакомиться с более детальными примерами его использования можно на сайте плагина.

Автор: empr

Поделиться

* - обязательные к заполнению поля