如何使用 JavaScript 检测我的浏览器版本和操作系统? [英] How to detect my browser version and operating system using JavaScript?

问题描述

我尝试使用下面的代码，但它只在 Chrome 和 Mozilla 中显示结果，在 IE6 中不起作用.

<script type="text/javascript">txt = "<p>浏览器代码名称:" + navigator.appCodeName + "</p>";txt+= "<p>浏览器名称:" + navigator.appName + "</p>";txt+= "<p>浏览器版本:" + navigator.appVersion + "</p>";txt+= "<p>Cookies 已启用:" + navigator.cookieEnabled + "</p>";txt+= "<p>平台:" + navigator.platform + "</p>";txt+= "<p>用户代理头:" + navigator.userAgent + "</p>";document.getElementById("example").innerHTML=txt;

输出:

浏览器代号:Mozilla浏览器名称:Netscape浏览器版本:5.0 (Windows)Cookies 已启用:true平台:Win32用户代理标头:Mozilla/5.0(Windows NT 5.1；rv:12.0)Gecko/20100101 Firefox/12.0

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

解决方案

检测浏览器的详细信息:

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;//在 Opera 中，真实版本在 "Opera" 或 "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);}//在 MSIE 中，真实版本在 userAgent 中的MSIE"之后否则 if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {browserName = "微软 Internet Explorer";fullVersion = nAgt.substring(verOffset+5);}//在 Chrome 中，真实版本在Chrome"之后否则 if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {browserName = "Chrome";fullVersion = nAgt.substring(verOffset+7);}//在 Safari 中，真实版本在Safari"之后或在Version"之后否则 if ((verOffset=nAgt.indexOf("Safari"))!=-1) {browserName = "Safari";fullVersion = nAgt.substring(verOffset+7);if ((verOffset=nAgt.indexOf("Version"))!=-1)fullVersion = nAgt.substring(verOffset+8);}//在 Firefox 中，真实版本在Firefox"之后否则 if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {browserName = "火狐";fullVersion = nAgt.substring(verOffset+8);}//在大多数其他浏览器中，"name/version" 位于 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()) {浏览器名称 = navigator.appName;}}//如果存在，则在分号/空格处修剪 fullVersion 字符串if ((ix=fullVersion.indexOf(";"))!=-1)fullVersion=fullVersion.substring(0,ix);if ((ix=fullVersion.indexOf(" "))!=-1)fullVersion=fullVersion.substring(0,ix);主要版本 = parseInt(''+fullVersion,10);如果(isNaN(主要版本)){fullVersion = ''+parseFloat(navigator.appVersion);主要版本 = parseInt(navigator.appVersion,10);}document.write(''+'浏览器名称 = '+浏览器名称+'
'+'完整版 = '+fullVersion+'
'+'主要版本 = '+主要版本+'
'+'navigator.appName = '+navigator.appName+'
'+'navigator.userAgent = '+navigator.userAgent+'
')

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

检测操作系统:

//这个脚本设置 OSName 变量如下://Windows"适用于所有版本的 Windows//MacOS"适用于所有版本的 Macintosh OS//Linux"适用于所有版本的 Linux//所有其他 UNIX 风格的UNIX"//Unknown OS"表示无法检测到操作系统var OSName="未知操作系统";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('你的操作系统:'+OSName);

源 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;//在 Opera 中，真实版本在 "Opera" 或 "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);}//在 MSIE 中，真实版本在 userAgent 中的MSIE"之后否则 if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {browserName = "微软 Internet Explorer";fullVersion = nAgt.substring(verOffset+5);}//在 Chrome 中，真实版本在Chrome"之后否则 if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {browserName = "Chrome";fullVersion = nAgt.substring(verOffset+7);}//在 Safari 中，真实版本在Safari"之后或在Version"之后否则 if ((verOffset=nAgt.indexOf("Safari"))!=-1) {browserName = "Safari";fullVersion = nAgt.substring(verOffset+7);if ((verOffset=nAgt.indexOf("Version"))!=-1)fullVersion = nAgt.substring(verOffset+8);}//在 Firefox 中，真实版本在Firefox"之后否则 if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {browserName = "火狐";fullVersion = nAgt.substring(verOffset+8);}//在大多数其他浏览器中，"name/version" 位于 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()) {浏览器名称 = navigator.appName;}}//如果存在，则在分号/空格处修剪 fullVersion 字符串if ((ix=fullVersion.indexOf(";"))!=-1)fullVersion=fullVersion.substring(0,ix);if ((ix=fullVersion.indexOf(" "))!=-1)fullVersion=fullVersion.substring(0,ix);主要版本 = parseInt(''+fullVersion,10);如果(isNaN(主要版本)){fullVersion = ''+parseFloat(navigator.appVersion);主要版本 = parseInt(navigator.appVersion,10);}document.write(''+'浏览器名称 = '+浏览器名称+'
'+'完整版 = '+fullVersion+'
'+'主要版本 = '+主要版本+'
'+'navigator.appName = '+navigator.appName+'
'+'navigator.userAgent = '+navigator.userAgent+'
')//此脚本设置 OSName 变量如下://Windows"适用于所有版本的 Windows//MacOS"适用于所有版本的 Macintosh OS//Linux"适用于所有版本的 Linux//所有其他 UNIX 风格的UNIX"//Unknown OS"表示无法检测到操作系统var OSName="未知操作系统";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('你的操作系统:'+OSName);

I have tried using the code below but it only display results in Chrome and Mozilla not working in 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>

Output:

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

I need to get the version "Firefox/12.0" only.

解决方案

Detecting browser's details:

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>'
)

Source JavaScript: browser name.
See JSFiddle to detect Browser Details.

Detecting OS:

// 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);

source JavaScript: OS detection.
See JSFiddle to detect OS Details.

    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);

这篇关于如何使用 JavaScript 检测我的浏览器版本和操作系统?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！