在页面上显示操作系统名称/版本和浏览器名称/版本?

时间:2011-09-10 07:08:28

标签: javascript jquery

是否可以使用JavaScript在页面上显示操作系统名称和版本?

我目前正在使用这个:

function detectOSAndBrowser() {
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName  = navigator.appName;
var nameOffset,verOffset,ix;

// In Opera, the true version is after "Opera" or after "Version"
if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
 browserName = "Opera";
}
// In MSIE, the true version is after "MSIE" in userAgent
else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
 browserName = "Internet Explorer";
}
// In Chrome, the true version is after "Chrome" 
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
 browserName = "Google Chrome";
}
// In Safari, the true version is after "Safari" or after "Version" 
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
 browserName = "Safari";
}
// In Firefox, the true version is after "Firefox" 
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
 browserName = "Mozilla Firefox";
}
// 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);

 if (browserName.toLowerCase()==browserName.toUpperCase()) {
  browserName = navigator.appName;
 }
}
var OSName = "unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) { 
OSName="Windows";
}
if (navigator.appVersion.indexOf("Mac")!=-1) {
OSName="Mac OS X";
}
if (navigator.appVersion.indexOf("X11")!=-1) {
OSName="UNIX";
}
if (navigator.appVersion.indexOf("Linux")!=-1) {
OSName="Linux";
}
if (OSName!=="unknown OS") {
$('#device').html('You\'re using '+browserName+'<br /><div id="OS">on a '+OSName+' computer.</div>');
}
if (OSName=="unknown OS") {
$('#device').html('We were unable to detect your OS and/or browser.');
}

它有效,但我也希望显示操作系统和浏览器的版本。这就是我现在看的样子:

Screenshot

我怎样才能让它显示浏览器和操作系统的版本呢?

2 个答案:

答案 0 :(得分:5)

看起来Quirksmode.org正在托管一个名为BrowserDetect.的经过深思熟虑的脚本

它有专门的搜索字符串来提取所有主要浏览器的真实版本号。

  

您在Windows上使用Chrome 13!

答案 1 :(得分:1)

要检测浏览器的版本,您可以使用jQuery.browser.version