Как проверить на браузер при помощи JavaScript

Представьте ситуацию, вы решили проверить ваш сайт в другом браузере и видите, что ваш фронтэнд поехал, гугл хром вообще не так посчитал высоту, или блок и вовсе сползает. А быть может, вы просто хотите сказать пользователям Internet Explorer все что вы думаете про этот браузер 🙂 .

Как выводить код или стили для определенных браузеров

Очень часто браузеры не успевают вводить поддержку тех или иных свойств CSS, и они либо вообще не работают, либо работают после особых префиксов (-moz-, -webkit-, -ms-, -o-). В случаях когда проект уже прилично набрал функционала и стилей, легче написать небольшой скрипт для браузера, чем вылавливать не слишком кроссбраузерный код по всему сайту.

Посмотрим, как при помощи javascript можно узнать с какого браузера мы просматриваем страницу:

В каждую переменную мы записываем логическое значение булево, ноль или единицу (true или false). С помощью этого кода мы сможем применять различные скрипты и даже стили для таких браузеров как Firefox, Opera, Safari, Chrome и Internet Explorer. После объявления переменных, добавим небольшую проверку:

Если у вас сработала эта проверка (результат смотреть в консоли Firebug), можно смело менять какие-то переменные или добавлять стили, например, при помощи jQuery:

Хотя этот вариант лучше заменить на присвоение другого класса:

Аналогично и для других браузеров. Как всегда всё упирается в какой-то конкретный случай и вашу фантазию 🙂 .

Полный вариант (ненужные проверки лучше удалить или закомментировать)

 

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.com/dmitriy/.

Какие услуги предоставляю:
- Создание сайтов, шаблонов и компонентов на 1С-Битрикс;
- Разработка функционала с нуля и доработка кода на уже созданных проектах;
- Адаптивная вёрстка макетов и натяжка на Битрикс;
- Парсинг файлов и выгрузка на сайт (форматы - CSV, XML, XLSX, JSON)
- Интеграции со сторонними сервисами по API;
- Многоязычные версии и многое другое.

Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом или оставьте комментарий внизу.
E-mail: dmitriyribka@gmail.com
Skype: cinemacreaterus

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

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