那些遇到过的问题

如何使用JavaScript检测我的浏览器版本和操作系统？

cap*_*pri 95 javascript browser operating-system version

我尝试过使用下面的代码,但它只显示Chrome和Mozilla中的结果不能在IE6中运行. 

<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>
Run Code Online (Sandbox Code Playgroud)

输出:

Browser CodeName: Mozilla

Browser Name: Netscape

Browser Version: 5.0 (Windows)

Cookies Enabled: true

Platform: Win32

User-agent header: Mozilla/5.0 (Windows NT 5.1; rv:12.0) Gecko/20100101 Firefox/12.0
Run Code Online (Sandbox Code Playgroud)

我只需要获得"Firefox/12.0"版本.

him*_*056 144

检测浏览器的详细信息:

var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName  = navigator.appName;
var fullVersion  = ''+parseFloat(navigator.appVersion); 
var majorVersion = parseInt(navigator.appVersion,10);
var nameOffset,verOffset,ix;

// In Opera, the true version is after "Opera" or after "Version"
if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
 browserName = "Opera";
 fullVersion = nAgt.substring(verOffset+6);
 if ((verOffset=nAgt.indexOf("Version"))!=-1) 
   fullVersion = nAgt.substring(verOffset+8);
}
// In MSIE, the true version is after "MSIE" in userAgent
else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
 browserName = "Microsoft Internet Explorer";
 fullVersion = nAgt.substring(verOffset+5);
}
// In Chrome, the true version is after "Chrome" 
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
 browserName = "Chrome";
 fullVersion = nAgt.substring(verOffset+7);
}
// In Safari, the true version is after "Safari" or after "Version" 
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
 browserName = "Safari";
 fullVersion = nAgt.substring(verOffset+7);
 if ((verOffset=nAgt.indexOf("Version"))!=-1) 
   fullVersion = nAgt.substring(verOffset+8);
}
// In Firefox, the true version is after "Firefox" 
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
 browserName = "Firefox";
 fullVersion = nAgt.substring(verOffset+8);
}
// In most other browsers, "name/version" is at the end of userAgent 
else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < 
          (verOffset=nAgt.lastIndexOf('/')) ) 
{
 browserName = nAgt.substring(nameOffset,verOffset);
 fullVersion = nAgt.substring(verOffset+1);
 if (browserName.toLowerCase()==browserName.toUpperCase()) {
  browserName = navigator.appName;
 }
}
// trim the fullVersion string at semicolon/space if present
if ((ix=fullVersion.indexOf(";"))!=-1)
   fullVersion=fullVersion.substring(0,ix);
if ((ix=fullVersion.indexOf(" "))!=-1)
   fullVersion=fullVersion.substring(0,ix);

majorVersion = parseInt(''+fullVersion,10);
if (isNaN(majorVersion)) {
 fullVersion  = ''+parseFloat(navigator.appVersion); 
 majorVersion = parseInt(navigator.appVersion,10);
}

document.write(''
 +'Browser name  = '+browserName+'<br>'
 +'Full version  = '+fullVersion+'<br>'
 +'Major version = '+majorVersion+'<br>'
 +'navigator.appName = '+navigator.appName+'<br>'
 +'navigator.userAgent = '+navigator.userAgent+'<br>'
)
Run Code Online (Sandbox Code Playgroud)

源JavaScript:浏览器名称.
请参阅JSFiddle以检测浏览器详细信息.

检测操作系统:

// This script sets OSName variable as follows:
// "Windows"    for all versions of Windows
// "MacOS"      for all versions of Macintosh OS
// "Linux"      for all versions of Linux
// "UNIX"       for all other UNIX flavors 
// "Unknown OS" indicates failure to detect the OS

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

document.write('Your OS: '+OSName);
Run Code Online (Sandbox Code Playgroud)

源JavaScript:操作系统检测.
请参阅JSFiddle以检测操作系统详细信息.

    var nVer = navigator.appVersion;
    var nAgt = navigator.userAgent;
    var browserName  = navigator.appName;
    var fullVersion  = ''+parseFloat(navigator.appVersion); 
    var majorVersion = parseInt(navigator.appVersion,10);
    var nameOffset,verOffset,ix;
    
    // In Opera, the true version is after "Opera" or after "Version"
    if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
     browserName = "Opera";
     fullVersion = nAgt.substring(verOffset+6);
     if ((verOffset=nAgt.indexOf("Version"))!=-1) 
       fullVersion = nAgt.substring(verOffset+8);
    }
    // In MSIE, the true version is after "MSIE" in userAgent
    else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
     browserName = "Microsoft Internet Explorer";
     fullVersion = nAgt.substring(verOffset+5);
    }
    // In Chrome, the true version is after "Chrome" 
    else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
     browserName = "Chrome";
     fullVersion = nAgt.substring(verOffset+7);
    }
    // In Safari, the true version is after "Safari" or after "Version" 
    else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
     browserName = "Safari";
     fullVersion = nAgt.substring(verOffset+7);
     if ((verOffset=nAgt.indexOf("Version"))!=-1) 
       fullVersion = nAgt.substring(verOffset+8);
    }
    // In Firefox, the true version is after "Firefox" 
    else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
     browserName = "Firefox";
     fullVersion = nAgt.substring(verOffset+8);
    }
    // In most other browsers, "name/version" is at the end of userAgent 
    else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < 
              (verOffset=nAgt.lastIndexOf('/')) ) 
    {
     browserName = nAgt.substring(nameOffset,verOffset);
     fullVersion = nAgt.substring(verOffset+1);
     if (browserName.toLowerCase()==browserName.toUpperCase()) {
      browserName = navigator.appName;
     }
    }
    // trim the fullVersion string at semicolon/space if present
    if ((ix=fullVersion.indexOf(";"))!=-1)
       fullVersion=fullVersion.substring(0,ix);
    if ((ix=fullVersion.indexOf(" "))!=-1)
       fullVersion=fullVersion.substring(0,ix);
    
    majorVersion = parseInt(''+fullVersion,10);
    if (isNaN(majorVersion)) {
     fullVersion  = ''+parseFloat(navigator.appVersion); 
     majorVersion = parseInt(navigator.appVersion,10);
    }
    
    document.write(''
     +'Browser name  = '+browserName+'<br>'
     +'Full version  = '+fullVersion+'<br>'
     +'Major version = '+majorVersion+'<br>'
     +'navigator.appName = '+navigator.appName+'<br>'
     +'navigator.userAgent = '+navigator.userAgent+'<br>'
    )

    // This script sets OSName variable as follows:
    // "Windows"    for all versions of Windows
    // "MacOS"      for all versions of Macintosh OS
    // "Linux"      for all versions of Linux
    // "UNIX"       for all other UNIX flavors 
    // "Unknown OS" indicates failure to detect the OS
    
    var OSName="Unknown OS";
    if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
    if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
    if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
    if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
    
    document.write('Your OS: '+OSName);
Run Code Online (Sandbox Code Playgroud)

  • @JohnOdom新系统(例如即将推出的Steam盒子)可能有自己的名字; 现有系统可能会更改其名称或缩写.除非您使用某种全局数据库从中获取信息,否则您永远不会是最新的; 因为这完全是专有的.也许有一天,谷歌,W3等将为众包提供API,并公开提供他们从用户收集的所有不同系统名称及其关系. (3认同)
  • 无法检测边缘。 (2认同)
  • 此 Javascript 已过时。将 Edge 和 IE 11 报告为“Netscape 5”。建议为此功能使用维护库，例如 https://github.com/faisalman/ua-parser-js (2认同)

Dom*_*omi 15

我很伤心地说:我们在这个问题上没有运气.

我想推荐给WhichBrowser的作者:每个人都撒谎.

基本上,没有浏览器是诚实的.无论您使用Chrome还是IE,他们都会告诉您,他们是Gecko和Safari支持的"Mozilla Netscape".在这个帖子中飞来飞去的任何小提琴上自己动手:

hims056的小提琴

Hariharan的小提琴

或任何其他...尝试使用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>
Run Code Online (Sandbox Code Playgroud)

Chrome说:

浏览器代码名称:Mozilla

浏览器名称:Netscape

浏览器版本:5.0(Windows NT 6.1; WOW64)AppleWebKit/537.36(KHTML,如Gecko)Chrome/40.0.2214.115 Safari/537.36

已启用Cookie:true

平台:Win32

用户代理头:Mozilla/5.0(Windows NT 6.1; WOW64)AppleWebKit/537.36(KHTML,如Gecko)Chrome/40.0.2214.115 Safari/537.36

IE说:

浏览器代码名称: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一样

已启用Cookie: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(或任何他们想要称之为的)出现,它们很可能会失败.

  • 它显示Chrome for Opera浏览器. (2认同)
  • @RAJK正是我的意思。这是不可靠的。 (2认同)

tim*_*hew 12

有一个用于此目的的库: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)'
Run Code Online (Sandbox Code Playgroud)

  • 虽然此链接可能会回答这个问题,但最好在此处包含答案的基本部分并提供参考链接.如果链接的页面发生更改,则仅链接的答案可能会无效. - [来自评论](/ review/low-quality-posts/10915689) (3认同)

leo*_*pic 9

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;
    }
Run Code Online (Sandbox Code Playgroud)

取自https://github.com/leopic/jquery.detectBrowser.js/blob/sans-jquery/jquery.detectBrowser.sansjQuery.js

Nis*_*Edu 8

要使用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);
}
Run Code Online (Sandbox Code Playgroud)

  • 赞成。另外，如果您能解释为什么它更好，那将非常有帮助:) 另外，似乎缺少“UNIX / X11”。 (2认同)

归档时间：

查看次数：

190850 次

最近记录：

6 年 前
如何检测Safari,Chrome,IE,Firefox和Opera浏览器？ 738
JavaScript中的浏览器检测？ 218
更多相关链接
相关归档
通过字符串var获取自定义对象属性 92
如何滚动到jQuery中的元素？ 68
在第n次出现的字符处剪切一个字符串 45
主流浏览器中亚像素精度的当前状态是什么？ 37
可以用Python编写多少操作系统？ 14
如何检查delphi的操作系统版本？Windows 7或Server 2008 R2？ 10
汇编语言如何依赖于操作系统？ 10
确定核心数据模型中何时存在新版本 8
阻止iframe中的导航更改父网站历史记录 5
C++ 大内存分配 1
难疑归档
如何撤消Git中最近的提交？ 20327
什么是Python中的元类？ 5409
适用于Android UserManager.isUserAGoat()的用例？ 3506
你如何创建一个远程Git分支？ 3030
在git中推送提交时,src refspec master与any不匹配 2472
比较Java枚举成员:==或equals()？ 1645
PowerShell说"在这个系统上禁用了脚本的执行." 1545
var关键字的目的是什么？我何时应该使用它(或省略它)？ 1508
如何将堆栈跟踪转换为字符串？ 1435
如何禁用UITableView选择？ 1176