Определение браузера на 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

5 лет назад

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

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Soll

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

Ответить

Гость

Soll

5 лет назад

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

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Soll

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

Ответить

Гость

Роман

5 лет назад

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

Ответить

stalker1313

https://youtu.be/_GFy0QC_OcU

2023-01-11 02:33:13

Apocalypse

@stalker1313, видел эту фишку в ТикТоке. Ты проверял её?

2023-01-12 23:17:39

stalker1313

Не проверял

2023-01-13 20:58:01

Apocalypse

@stalker1313, это работает! Нифига себе: https://imapo.ru/demos/cssblock.html

2023-01-13 21:03:54

stalker1313

👍

2023-01-18 11:48:44

stalker1313

В вордпрессе есть встроенный счётчик просмотра записей? Тоесть что бы сейчас его “активировать” и можно было бы узнать сколько было просмотров страницы за всё время существования сайта

2023-01-26 23:18:29

fapalnaapo

Ктонибудь вкурсе зачем юкоз сломали лайки, при нажатии ничего ен рпоисходит

2023-01-30 21:43:35

fapalnaapo

у вас вроде работают модно своровать ))))
😀

2023-01-30 21:44:34

Apocalypse

@stalker1313, нет такой функции, насколько мне известно

2023-02-02 18:03:54

Apocalypse

@fapalnaapo, они вечно что-то ломают

2023-02-02 18:04:13

......

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

Пн	Вт	Ср	Чт	Пт	Сб	Вс
		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

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

Читайте также:

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

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

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

Читайте также:

Стильная страничка 404 для вашего сайта на uCoz

Анимированное горизонтальное светлое меню на CSS3 + JAVASCRIPT + SVG

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

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

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