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

Question

如何使用JavaScript检测我的浏览器版本和操作系统？我试过使用下面的代码，但它只在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>产出：Browser CodeName: MozillaBrowser Name: NetscapeBrowser Version: 5.0 (Windows)Cookies Enabled: truePlatform: Win32User-agent header: Mozilla/5.0 (Windows NT 5.1; rv:12.0) Gecko/20100101 Firefox/12.0我只需要获得“Firefox/12.0”版本。

Answer 1

检测浏览器的详细信息：

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 userAgentelse 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 presentif ((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>')

来源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 OSvar 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);

来源JavaScript：OS检测.
请参阅JSFiddle以检测OS详细信息.

Answer 2

我很遗憾地说：我们在这件事上运气不佳。

我想请你参阅WhichBrowser: 每个人都在撒谎.

基本上，没有浏览器是诚实的。不管你使用的是Chrome还是IE，它们都会告诉你，它们是带有壁虎和Safari支持的“Mozilla Netscape”。你自己试试，在这条线上飞来走去的任何一个小提琴：

他的小提琴

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>

Chrome说：

浏览器代号：Mozilla

浏览器名称：Netscape

浏览器版本：5.0(WindowsNT6.1；WOW 64)AppleWebKit/537.36(KHTML，类似壁虎)Chrome/40.2214.115 Safari/537.36

启用Cookie：真

平台：Win 32

用户代理标题：Mozilla/5.0(WindowsNT6.1；WOW 64)AppleWebKit/537.36(KHTML，类似壁虎)Chrome/40.0.2214.115 Safari/537.36

IE说：

浏览器代号：Mozilla

浏览器名称：Netscape

浏览器版本：5.0(Windows NT 6.1；WOW 64；Tridin/7.0；SLCC 2；.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)

启用Cookie：真

平台：Win 32

用户代理报头：Mozilla/5.0(Windows NT 6.1；WOW 64；Tridin/7.0；SLCC 2；.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)

至少Chrome仍然有一个字符串，其中包含有确切版本号的“Chrome”。但是，对于IE，你必须从它所支持的东西中推断出来，才能真正弄清楚它(还有谁会夸口说他们支持它呢？).NET或Media Center：p)，然后将其与rv:最后得到版本号。当然，即使是这样复杂的启发式方法也很可能在IE12(或他们想称之为它的任何东西)一出来就失败。