Detect Browser in JavaScript

How to detect the user browser with JavaScript

Learn how to detect which browser the user is running (Chrome, IE, LightHouse, FireFox, Safari, etc.) using plain JavaScript.

You can check which browser the user is running using plain JavaScript.

To detect the user browser, you need to analyze the property userAgent of the object navigator .

If you want to do something specific, for example, provide a polifill for a regular expression when the browser is Safari, you do this:

if (navigator.userAgent.includes('Safari')) < // the user is running Safari // do something useful > 

On the other hand, if you want to do something for all browsers but Chrome , you check if the userAgent doesn’t include your search string:

if (!navigator.userAgent.includes('Chrome')) < // the user is NOT running Chrome > 

Using indexOf and toLowerCase

As an alternative to includes you can also use the indexOf method. If it returns -1 , this means that the search string wasn’t found.

if (navigator.userAgent.indexOf('Chrome')  0) < // the user is NOT running Chrome > 

If you’re not sure how exactly the user browser is spelled, you can try using the toLowerCase function on the navigator.userAgent .

if (navigator.userAgent.toLowerCase().indexOf('chrome')  0) < // the user is NOT running Chrome > 

Источник

Как узнать браузер пользователя в JavaScript

Существует достаточно большое количество браузеров, а также их версий. И проблема в том, что одни браузеры позволяют выполнить определённый скрипт, а другие не позволяют. Встаёт вопрос: а как узнать браузер пользователя в JavaScript, чтобы через условие решить: надо выполнять скрипт или нет. И о том, как определить имя и версию браузера пользователя я и напишу в этой статье.

Для таких целей существует объект Navigator, а точнее два его свойства: appName и appVersion. Давайте для начала выведем название браузера пользователю:

document.write(«Вы используете браузер » + navigator.appName);

В результате Вы увидите имя браузера пользователя. Также огромное значение оказывает не только сам браузер, но и его версия. И для таких случаев используется свойство appVersion:

document.write(«Версия Вашего браузера » + navigator.appVersion);

Свойства appName и appVersion доступны только для чтения (это и логично), поэтому изменить их у Вас не получится. Теперь встаёт вопрос, а как использовать их в операторе IF:

var browser = navigator.appName;
if (browser == «NetScape»)
document.write(«Тут можно выполнять скрипты для обладателей браузеров NetScape»);

Надеюсь, что я ответил на Ваш вопрос: «Как узнать имя и версию браузера в JavaScript«.

Создано 21.10.2010 11:29:50

Михаил Русаков

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. Кнопка:
   Она выглядит вот так:
2. Текстовая ссылка:
   Она выглядит вот так: Как создать свой сайт
3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии ( 10 ):

И для FFox напишет Netscape

Для отличий от FF и Netscape можно использовать это свойство: window.navigator.userAgent

У меня та же фигня! Тестирую в Google Chrome, сначала написал navigator.appName мне написало, что я сижу через NetScape, потом поменял на window.navigator.userAgent мне написал, что я сижу через Mozila. Что за фигня и как это исправить?

Проблем при определении браузера много, чтобы узнать, что это chrome, нужно анализировать navigator.appVersion. Для других браузеров могут быть другие свойства (appName или appCodeName).

Выведите сначала, посмотрите на значение, а дальше используйте функции для работы со строками.

С navigator.appName только Opera и IE нормально работают, остальные пишут NetScape, а с window.navigator.userAgent только Opera, остальные пишут Mozila

Я думаю, что скрипт выдаёт Netscape потому что очень много браузеров основано на Netscape. В том числе и FF, последние версии Netscape полностью основаны на FF, и, по сути, являются слегка переделанными FF. Вот тут http://detectmobilebrowsers.com/ есть скрипты для определения мобильных браузеров. Там прописаны почти все возможные браузеры)

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

Copyright © 2010-2023 Русаков Михаил Юрьевич. Все права защищены.

Источник

Определить браузер (JavaScript)

Определить браузер в JavaScript, можно вытащив данные из переменной navigator.userAgent .

function browser() < var ua = navigator.userAgent; if (ua.search(/MSIE/) >0) return ‘Internet Explorer’; if (ua.search(/Firefox/) > 0) return ‘Firefox’; if (ua.search(/Opera/) > 0) return ‘Opera’; if (ua.search(/Chrome/) > 0) return ‘Google Chrome’; if (ua.search(/Safari/) > 0) return ‘Safari’; if (ua.search(/Konqueror/) > 0) return ‘Konqueror’; if (ua.search(/Iceweasel/) > 0) return ‘Debian Iceweasel’; if (ua.search(/SeaMonkey/) > 0) return ‘SeaMonkey’; // Браузеров очень много, все вписывать смысле нет, Gecko почти везде встречается if (ua.search(/Gecko/) > 0) return ‘Gecko’; // а может это вообще поисковый робот return ‘Search Bot’; >

Небольшое разъяснение

Список юзер-агентов достаточно большой. Некоторые браузеры сделаны на основе других браузеров и может данные в них могут быть очень похожими.

Например Google Chrome сделан на основе браузера Safari, и записи очень похожи:

Google Chrome — Mozilla/5.0 . Chrome/7.0.503.0 Safari/534.6
Safari — Mozilla/5.0 . Version/5.0.2 Safari/533.18.5

Поэтому очередность проверки данных по тексту достаточно велика.

Категории

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

• Определить версию IE (jQuery)
• Определить какая клавиша нажата (JavaScript)
• Координаты мыши (JavaScript)
• Параметры функции по-умолчанию (JavaScript)
• Модальное окно (JavaScript)
• Округление до знака — JavaScript
• str_repeat (JavaScript)
• Ассоциативный массив в JavaScript
• str_pad (JavaScript)
• JavaScript md5
• Строку в массив (JavaScript)
• Максимальное число (JavaScript)

Комментарии

Автор что куришь то когда пишешь что CHROME сделан на основе SAFARI — они оба сделаны на базе FF тогда если верить первой записи обоих юзерагентов)))
они оба на WebKit . и все..

Вход на сайт

Введите данные указанные при регистрации:

Социальные сети

Вы можете быстро войти через социальные сети:

Источник

How to detect browser in JavaScript [Chrome, Firefox, Safari, Opera, Edge , MS IE]?

JavaScript detect browser name: Here in this article we learn how to detect browser in javascript. I had a requirement where based on browser I have to display something different. In short, I have to detect firefox browser in javascript and display the respective message to the user. Same if the user browser is chrome, then display respective message. Basically we write code in JavaScript to check user browser. Which help answer to our question .i.e How do I know if I am using IE or Chrome in JavaScript? Here we are detecting 5 major browsers and that are Chrome, Firefox, Safari, Opera, MS Edge. And we are showing 2 different approach to detect browser at client-side i.e using userAgent.match and userAgent.indexOf with live demo example. Although based on different browser display different content is not good practise.

Steps to detect browser name in JavaScript

1. HTML markup to display browser name.
2. JavaScript code to detect browser using useragent.match
3. JavaScript code to detect browser using useragent. indexOf

HTML markup to display browser name

First, we create a new index.html page and add the below markup. Here we add an h1 tag, which will display the browser name on page-load.

Approach 1: JavaScript code to detect browser name using userAgent.match

To detect user browser information we use the navigator.userAgent property. And then we match with the browser name to identify the user browser.

JS code to identify browser is as written below:

function fnBrowserDetect()< let userAgent = navigator.userAgent; let browserName; if(userAgent.match(/chrome|chromium|crios/i))< browserName = "chrome"; >else if(userAgent.match(/firefox|fxios/i)) < browserName = "firefox"; >else if(userAgent.match(/safari/i))< browserName = "safari"; >else if(userAgent.match(/opr\//i)) < browserName = "opera"; >else if(userAgent.match(/edg/i))< browserName = "edge"; >else < browserName="No browser detection"; >document.querySelector("h1").innerText="You are using "+ browserName +" browser"; >

Now call this JS function on page load, and this will display the user browser name on page load.

Approach 2: JavaScript code to detect browser using userAgent.IndexOf

Here in the 2nd approach we again using navigator.userAgent with indexof to figure out the browser name.

var browserName = (function (agent) switch (true) < case agent.indexOf("edge") >-1: return "MS Edge"; case agent.indexOf("edg/") > -1: return "Edge ( chromium based)"; case agent.indexOf("opr") > -1 && !!window.opr: return "Opera"; case agent.indexOf("chrome") > -1 && !!window.chrome: return "Chrome"; case agent.indexOf("trident") > -1: return "MS IE"; case agent.indexOf("firefox") > -1: return "Mozilla Firefox"; case agent.indexOf("safari") > -1: return "Safari"; default: return "other"; > >)(window.navigator.userAgent.toLowerCase()); 
document.querySelector("h1").innerText="You are using "+ browserName +" browser"; 
 
With the above code will be able to detect chrome browser, also with approach 2, we are able to detect MS Edge browser chromium based. By checking trident we were able to detect MS Internet Explorer browser IE in javascript.
 
Conclusion: Hereby using the navigator.userAgent we were successfully able to detect Chrome, Firefox, Edge, Safari, and Opera browser in Javascript. Add display the browser name on page load. It's in pure javascript, as we didn't use any external JS library for the browser detection. 
 
Thank you for reading, pls keep visiting this blog and share this in your network. Also, I would love to hear your opinions down in the comments.
 
 PS: If you found this content valuable and want to thank me? 👳 Buy Me a Coffee 
 
Subscribe to our newsletter
 
Get the latest and greatest from Codepedia delivered straight to your inbox.
 
Your email address will not be published. Required fields are marked *
 
Источник
 
Читайте также:  Setting java home jdk