jQuery в помошь: Проверка браузера на «нормальность»

Опубликовано 20.03.10 / Автор: Иван Саломатин

comments Комментариев 0

Да-да, я - один из множества людей ненавидящих Internet Explorer в целом и 6-ую его версию в частности. Можно тома написать о тех багах и банальных недоработках, которые допустили его горе-разработчики... А сколько времени тратится, чтобы «научить» IE6 понимать, чего же от него хочет бедняга веб-мастер!

Но даже не смотря на то, что мелко-мягкие (Microsoft) выпустили-таки нормальный браузер (IE8), включив его в пакет обновления Windows, и даже вшили его в дистрибутив своей новой операционной системы (я говорю о Windows 7), переход на него происходит крайне медленно. Почему? Ну, тут всё просто - как говорилось в одной известной рекламе: "А мужики-то не знают!".

Да, около 80-и процентов пользователей не ощущают необходимости в обновлении браузера, поскольку даже не подозревают о том, что на самом деле они не могут наслаждаться подлиной красотой сайта и использовать все возможности, предоставленные веб-мастером, из-за того, что используют для веб-сёрфинга это «чудо».

Как же быть? Ну, разумеется, надо ускорить процесс перехода на нормальные браузеры, надобно просветить пользователей!

Вот так, с помощью простенького js-сценария мы оповестим всех, кто обратился к нашему сайту из IE6, о необходимости обновить/заменить браузер:

1. Подключаем библиотеку jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

2. Прописываем между тегами <head></head> (или выносим в отдельный файл) следующий код

$(function(){
 if($.browser.msie && $.browser.version<7)
  $('#top').before(
   '<div id="ie6detect">'+
   'It has been detected that you are using Internet Explorer 6 or lower.<br />
    Unfortunately this is an unsupported '+
   'browser and you won\'t be able to view this website properly.<br />
    We recommend upgrading to a newer version of '+
   'Internet Explorer or FireFox.'+
   '</div>'
  );
});

Работу скрипта понять не сложно: обнаружив, что пользователь использует IE6, сченарий вставит в html-код просматриваемой страницы div с идентификатором 'ie6detect' и заданным содержанием, причём сделает это перед div"ом" с id='top'.

Ну, и, конечно, будет очень похвально, если в этом предупреждении вы предложите пользователю ссылку на страницу с перечнем нормальных браузеров, как, например, вот ЭТА.

Вот ещё один способ борьбы с IE6 (а точнее - с его пользователями). Суть его в мнгновенном редиректе «плохого» браузера на специальную страницу. Правда, сам я не сторонник такого метода, ведь как ни крути, а выбор у пользователя быть должен.