你的位置:首页 > ASP.net教程

[ASP.net教程]JS 获取浏览器信息,给出友情提示,避免部分兼容性问题


 最近在做webform,浏览器兼容是个问题,这里我收集了一些获取浏览器信息的资料,可以给一些用户使用时,提示浏览器版本过低,让升级版本用. 这样会给开发的我们,省下很多用来调试兼容性的时间和精力.  本人就是这样想的 ~ 

检测浏览器及版本
使用 JavaScript 检测关于访问者的浏览器名称及其版本。
代码部分:
<html>
<body>
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("浏览器名称:"+ browser)
document.write("<br />")
document.write("浏览器版本:"+ version)
</script>
</body>
</html>
结果:
浏览器名称:Netscape
浏览器版本:5
检测浏览器的更多信息
使用 JavaScript 检测关于访问者浏览器的更多信息。
代码部分:
<html>
<body>
<script type="text/javascript">
document.write("<p>浏览器:")
document.write(navigator.appName + "</p>")

document.write("<p>浏览器版本:")
document.write(navigator.appVersion + "</p>")

document.write("<p>代码:")
document.write(navigator.appCodeName + "</p>")

document.write("<p>平台:")
document.write(navigator.platform + "</p>")

document.write("<p>Cookies 启用:")
document.write(navigator.cookieEnabled + "</p>")

document.write("<p>浏览器的用户代理报头:")
document.write(navigator.userAgent + "</p>")
</script>
</body>
</html>

结果:

浏览器:Netscape

浏览器版本:5.0 (Windows)

代码:Mozilla

平台:Win32

Cookies 启用:true

浏览器的用户代理报头:Mozilla/5.0 (Windows NT 6.1; rv:20.0) Gecko/20100101 Firefox/20.0

 

检测浏览器的全部信息
使用 JavaScript 检测关于访问者浏览器的全部信息。
代码部分:
<html>
<body>

<script type="text/javascript">
var x = navigator;
document.write("CodeName=" + x.appCodeName);
document.write("<br />");
document.write("MinorVersion=" + x.appMinorVersion);
document.write("<br />");
document.write("Name=" + x.appName);
document.write("<br />");
document.write("Version=" + x.appVersion);
document.write("<br />");
document.write("CookieEnabled=" + x.cookieEnabled);
document.write("<br />");
document.write("CPU<br />");
document.write("OnLine=" + x.onLine);
document.write("<br />");
document.write("Platform=" + x.platform);
document.write("<br />");
document.write("UA=" + x.userAgent);
document.write("<br />");
document.write("BrowserLanguage=" + x.browserLanguage);
document.write("<br />");
document.write("SystemLanguage=" + x.systemLanguage);
document.write("<br />");
document.write("UserLanguage=" + x.userLanguage);
</script>
</body>
</html>
结果:
CodeName=Mozilla
MinorVersion=undefined
Name=Netscape
Version=5.0 (Windows)
CookieEnabled=true
CPUClass=undefined
OnLine=true
Platform=Win32
UA=Mozilla/5.0 (Windows NT 6.1; rv:20.0) Gecko/20100101 Firefox/20.0
BrowserLanguage=undefined
SystemLanguage=undefined
UserLanguage=undefined
根据浏览器类型提醒用户
使用 JavaScript 检测关于访问者的浏览器名称及其版本,然后根据这些信息生成不同内容的警告框。
代码部分:
<html>
<head>
<script type="text/javascript">
function detectBrowser()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
  {alert("您的浏览器够先进了!")}
else
  {alert("是时候升级您的浏览器了!")}
}
</script>
</head>
<body onload="detectBrowser()">
</body>
</html>

结果:
浏览器运行的时候,会以弹窗的形式弹出。
例如我用的火狐浏览器.
有一点请博友得注意的是:JavaScript 在 IE6、IE5 和 IE4 中的获得的版本号是相同的 。
                                             记:Darren