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

Ответить

Apocalypse

@stalker1313, 👍

2022-10-04 14:30:48

Всевидящее око

Новый пост от stalker1313 в теме «Блок случайных статей»

2022-10-04 17:30:33

Всевидящее око

Новый пост от Apocalypse в теме «Блок случайных статей»

2022-10-04 20:36:15

Всевидящее око

Новый пост от Apocalypse в теме «Блок случайных статей»

2022-10-04 21:19:25

Всевидящее око

Новый пост от stalker1313 в теме «Блок случайных статей»

2022-10-04 23:14:41

stalker1313

Так будет правильно: @media screen and (max-width:750px) {#randompost {display: none;}} что бы блок randompost не отображался при разрешении экрана меньше 750px?

2022-10-05 10:58:59

Apocalypse

@stalker1313, @media (max-width: 750px)

2022-10-05 20:29:31

Всевидящее око

Новый пост от Apocalypse в теме «Блок случайных статей»

2022-10-05 20:34:03

stalker1313

@Apocalypse, вот так
@media (max-width:750px) {#randompost {display: none;}}
?

2022-10-05 21:31:44

Всевидящее око

Новый пост от stalker1313 в теме «Блок случайных статей»

2022-10-05 21:45:04

......

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

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

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

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

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

Октябрь 2022
Пн	Вт	Ср	Чт	Пт	Сб	Вс
					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
31

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

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

Система частиц на HTML5 Canvas

Выносим ролики YouTube в отдельное плавающее окно Гугл Хром. Активация опции "Картинка в картинке" без использования расширений

Простая подсказка на Javascrip

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

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