Обнаружение браузера (+ версия) и устройства в javascript [дубликат]

Мне грустно сказать: нам не повезло на этом.

Я хотел бы направить вас к автору WhatBrowser : Everybody лежит.

В принципе, ни один браузер не честен. Независимо от того, используете ли вы Chrome или IE, они оба скажут вам, что они «Mozilla Netscape» с поддержкой Gecko и Safari. Попробуйте сами по любому из скриптов, летающих в этой теме:

скрипка hims056

скрипка Харигарана

или любой другой ... Попробуйте с Chrome (который может все еще преуспеть), а затем попробуйте его с последней версией IE, и вы будете плакать. Конечно, есть эвристика, чтобы все было в порядке, но будет утомительно схватывать все крайние случаи, и они, скорее всего, больше не будут работать больше через год.

Возьмите свой код, для Пример:

<div id="example"></div>
<script type="text/javascript">
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
document.getElementById("example").innerHTML=txt;
</script>

Chrome говорит:

Browser CodeName: Mozilla

Имя браузера: Netscape

Версия браузера: 5.0 (Windows NT 6.1, WOW64) AppleWebKit / 537.36 (KHTML, например, Gecko) Chrome / 40.0.2214.115 Safari / 537.36

Cookies Включено: true

Платформа: Win32

Заголовок пользовательского агента: Mozilla / 5.0 (Windows NT 6.1, WOW64) AppleWebKit / 537.36 (KHTML, например, Gecko) Chrome / 40.0.2214.115 Safari / 537.36

IE говорит:

Browser CodeName: Mozilla

Имя браузера: Netscape

Версия браузера: 5.0 (Windows NT 6.1; WOW64; Trident / 7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv: 11.0), как Gecko

Печенье включено : true

Платформа: Win32

Заголовок пользовательского агента: Mozilla / 5.0 (Windows NT 6.1; WOW64; Trident / 7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv: 11.0), как Gecko

По крайней мере, Chrome по-прежнему имеет строку, содержащую «Chrome» с точным номером версии. Но для IE вы должны экстраполировать из того, что он поддерживает, чтобы на самом деле понять это (кто еще мог бы хвалиться тем, что они поддерживают .NET или Media Center: P), а затем сопоставляют его с rv: в самом конце получите номер версии. Конечно, даже такие сложные эвристики могут сбой, как только IE 12 (или то, что они хотят назвать) выходит.

Попробуйте это.

// Browser with version  Detection
navigator.sayswho= (function(){
    var N= navigator.appName, ua= navigator.userAgent, tem;
    var M= ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);
    if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1];
    M= M? [M[1], M[2]]: [N, navigator.appVersion,'-?'];
    return M;
})();

var browser_version          = navigator.sayswho;
alert("Welcome to " + browser_version);

проверьте рабочую скрипту ( здесь )

Скрипт PPK - это авторитет для такого рода вещей, как сказал @Jalpesh, это может указать вам правильный путь

var wn = window.navigator,
        platform = wn.platform.toString().toLowerCase(),
        userAgent = wn.userAgent.toLowerCase(),
        storedName;

// ie
    if (userAgent.indexOf('msie',0) !== -1) {
        browserName = 'ie';
        os = 'win';
        storedName = userAgent.match(/msie[ ]\d{1}/).toString();
        version = storedName.replace(/msie[ ]/,'');

        browserOsVersion = browserName + version;
    }

Взято из https://github.com/ leopic / jquery.detectBrowser.js / BLOB / Sans-JQuery / jquery.detectBrowser.sansjQuery.js

Чтобы обнаружить операционную систему с использованием JavaScript, лучше использовать navigator.userAgent вместо navigator.appVersion

{
  var OSName = "Unknown OS";
  if (navigator.userAgent.indexOf("Win") != -1) OSName = "Windows";
  if (navigator.userAgent.indexOf("Mac") != -1) OSName = "Macintosh";
  if (navigator.userAgent.indexOf("Linux") != -1) OSName = "Linux";
  if (navigator.userAgent.indexOf("Android") != -1) OSName = "Android";
  if (navigator.userAgent.indexOf("like Mac") != -1) OSName = "iOS";
  console.log('Your OS: ' + OSName);
}

Для этой цели существует библиотека: https://github.com/bestiejs/platform.js#readme

Тогда вы можете использовать его таким образом

// example 1
platform.os; // 'Windows Server 2008 R2 / 7 x64'

// example 2 on an iPad
platform.os; // 'iOS 5.0'

// you can also access on the browser and some other properties
platform.name; // 'Safari'
platform.version; // '5.1'
platform.product; // 'iPad'
platform.manufacturer; // 'Apple'
platform.layout; // 'WebKit'

// or use the description to put all together
platform.description; // 'Safari 5.1 on Apple iPad (iOS 5.0)'

Для Firefox, Chrome, Opera, Internet Explorer и Safari

var ua="Mozilla/1.22 (compatible; MSIE 10.0; Windows 3.1)";
//ua = navigator.userAgent;
var b;
var browser;
if(ua.indexOf("Opera")!=-1) {

    b=browser="Opera";
}
if(ua.indexOf("Firefox")!=-1 && ua.indexOf("Opera")==-1) {
    b=browser="Firefox";
    // Opera may also contains Firefox
}
if(ua.indexOf("Chrome")!=-1) {
    b=browser="Chrome";
}
if(ua.indexOf("Safari")!=-1 && ua.indexOf("Chrome")==-1) {
    b=browser="Safari";
    // Chrome always contains Safari
}

if(ua.indexOf("MSIE")!=-1 && (ua.indexOf("Opera")==-1 && ua.indexOf("Trident")==-1)) {
    b="MSIE";
    browser="Internet Explorer";
    //user agent with MSIE and Opera or MSIE and Trident may exist.
}

if(ua.indexOf("Trident")!=-1) {
    b="Trident";
    browser="Internet Explorer";
}

// now for version


var version=ua.match(b+"[ /]+[0-9]+(.[0-9]+)*")[0];

console.log("broswer",browser);
console.log("version",version);