Определить браузер через jQuery и в зависимости от него загрузить CSS

Jquery в запасе своих методов имеет функцию, которая может определить браузер, используемый пользователем. Речь идет о $.browser, которая очень проста в использовании.

$.browser позволяет определить тип браузера, например, chrome и в зависимости от него выполнить требуемые вам действия. Чаще всего это подгрузка нужных css стилей или файлов для корректного отображения сайта.

Пример реализации данной функции:

<script>
$(document).ready(function(){
var browser = "unknown";
if($.browser.msie) {alert('IE ' + $.browser.version.split(".")[0]); } //IE + выводит его версию, например, число 8
else if($.browser.mozilla) {alert('mozilla'); } //Mozilla
else if($.browser.opera) {alert('opera'); } //Opera
else if($.browser.webkit) {alert('chrome'); } //Chrome + Safari
});
</script>

Изначально переменная browser будет не определена, но после нее стоят условия сравнений браузеров. Так, если мы зайдем с Оперы, то сработает сообщение opera. Вместо алертов могут быть другие исполняющие функции.

Теперь подключим в head css только для браузера Мозиллы:

if ($.browser.mozilla) { $("head").append('<link rel="stylesheet" type="text/css" href="ie.css" />'); }

Аналогичным способом можно подключить любой уникальный css для каждого браузера.

Минусом метода $.browser является то, что в jquery-1.9 и выше его уже не существует. Разработчики зачем-то удалили эту прекрасную функцию. Но выход из ситуации есть - можно после подключения библиотеки jQuery подключить плагин jQuery Migrate, который добавляет эту функцию обратно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Введите капчу: