Определение браузера на Javascript

Разместил: Apocalypse
Опубликовано: 2 апреля 2017

Бывает, что функция работает некорректно в одном из браузеров или вы просто хотите вывести сообщение для пользователей, использующих, к примеру, браузер Opera. Данный мини-урок покажет вам, как легко поймать название браузера, с которого сидит посетитель вашего сайта Для начала посмотрите ДЕМО Моё тестирование в редакторе: КЛИК На самом деле всё исключительно просто. Для того, чтобы, к примеру, выполнить функцию только для браузера Mozilla Firefox, достаточно создать вот такое условие:

if (navigator.userAgent.search(/Firefox/) > 0) {
// Здесь что-угодно только для браузера Mozilla Firefox
};

if (navigator.userAgent.search(/Firefox/) > 0) {

// Здесь что-угодно только для браузера Mozilla Firefox

};

Чтобы определить, каким браузером пользуется посетитель и вывести его название, мы можем использовать вот такой перебор:

var a;
if (navigator.userAgent.search(/Safari/) > 0) {a = 'Safari'};
if (navigator.userAgent.search(/Firefox/) > 0) {a = 'MozillaFirefox'};
if (navigator.userAgent.search(/MSIE/) > 0 || navigator.userAgent.search(/NET CLR /) > 0) {a = 'Internet Explorer'};
if (navigator.userAgent.search(/Chrome/) > 0) {a = 'Google Chrome'};
if (navigator.userAgent.search(/YaBrowser/) > 0) {a = 'Яндекс браузер'};
if (navigator.userAgent.search(/OPR/) > 0) {a = 'Opera'};
if (navigator.userAgent.search(/Konqueror/) > 0) {a = 'Konqueror'};
if (navigator.userAgent.search(/Iceweasel/) > 0) {a = 'Debian Iceweasel'};
if (navigator.userAgent.search(/SeaMonkey/) > 0) {a = 'SeaMonkey'};
if (navigator.userAgent.search(/Edge/) > 0) {a = 'Microsoft Edge'};
alert(a); // В переменной a будет название браузера

var a;

if (navigator.userAgent.search(/Safari/) > 0) {a = 'Safari'};

if (navigator.userAgent.search(/Firefox/) > 0) {a = 'MozillaFirefox'};

if (navigator.userAgent.search(/MSIE/) > 0 || navigator.userAgent.search(/NET CLR /) > 0) {a = 'Internet Explorer'};

if (navigator.userAgent.search(/Chrome/) > 0) {a = 'Google Chrome'};

if (navigator.userAgent.search(/YaBrowser/) > 0) {a = 'Яндекс браузер'};

if (navigator.userAgent.search(/OPR/) > 0) {a = 'Opera'};

if (navigator.userAgent.search(/Konqueror/) > 0) {a = 'Konqueror'};

if (navigator.userAgent.search(/Iceweasel/) > 0) {a = 'Debian Iceweasel'};

if (navigator.userAgent.search(/SeaMonkey/) > 0) {a = 'SeaMonkey'};

if (navigator.userAgent.search(/Edge/) > 0) {a = 'Microsoft Edge'};

alert(a); // В переменной a будет название браузера

Если какие-то браузеры определяются некорректно, просто допишите условие для этого браузера в самый низ Полное название браузера можно получить, просто выведя в нужное вам место вот это:

navigator.userAgent

1	navigator.userAgent

Возникли вопросы? Оставьте их в комментариях

Метки: Browser Detect Javascript Браузера Определение

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

Вы точно не робот?

5 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

Гость

Soll

6 лет назад

Эмм, а в тесте opera определяется как хром

Ответить

Автор

Apocalypse

6 лет назад

Ответить на Soll

Наверное потому что опера теперь работает на хромиуме

Ответить

Гость

Soll

6 лет назад

половина браузеров на нем...

Ответить

Автор

Apocalypse

6 лет назад

Ответить на Soll

В одной из версий изменили уникальный ID и теперь не Opera, а OPR идентификатор. Материал и демки отредактировал

Ответить

Гость

Роман

6 лет назад

Спасибо, только ваш код нормально и заработал, остальные неверно chrome определяли.

Ответить

VVL99

ctrl +f5

2023-09-23 16:37:07

Apocalypse

@VVL99, просто пожалей своих посетителей с хотя бы средними ПК

2023-09-23 16:37:09

VVL99

@Apocalypse, это да перегружать тоже не хорошо..

2023-09-23 16:37:58

Apocalypse

@VVL99, ну. Важен баланс. Один раз я тоже настолько нагрузил свой сайт, что он 1фпс выдавал на том моём старом ПК

2023-09-23 16:39:43

VVL99

@Apocalypse, обычно начинаешь понимать только когда уже приелись все эти украшательства.

2023-09-23 16:41:25

Apocalypse

@VVL99, раньше я тоже пытался каждый день сделать сайт уникальным, а потом понял, что это никому вообще не нужно, кроме меня

2023-09-23 16:44:03

VVL99

@Apocalypse, согласен.

2023-09-23 17:08:28

VVL99

@Apocalypse, изменил анимацию падающих листьев и решил подсмотреть как у тебя сделано, ты используешь расчёт свойств Transform, а я генерирую анимацию...

2023-09-26 18:16:57

VVL99

Обновил анимацию падающих листьев, теперь они реагируют не только на направление ветра и его силу, но и когда ветер стихает, листьев падает меньше, а когда ветер достигает высоких значений, то листья начинают кружить в 3d пространстве.

2023-09-27 18:16:13

VVL99

При этом листья выполняют все возможные вращения и с разнообразной скоростью.

2023-09-27 18:19:03

......

Для публикации сообщений в чате необходимо авторизоваться

Пн	Вт	Ср	Чт	Пт	Сб	Вс
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

Определение браузера на Javascript

Вам может также понравиться...

Посетители сайта

Панель управления

Определение браузера на Javascript

Вам может также понравиться...

Текст, который постоянно меняет свой цвет by BoJIoCaTuK

Перемешивание блоков на Javascript

Простая смена стилей с запоминанием на куки (cookies) на Javascript

Посетители сайта

Панель управления