JS获取浏览器信息，适合做兼容性

显示全部楼层 · 2016-7-15 09:33:35

JS获取浏览器信息，现在HTML5的站越来越多，但是有些用户的浏览器并不支持html5的特效，所以需要根据客户端浏览器来进行代码调整，以下代码仅供参考

检测浏览器及版本

使用 JavaScript 检测关于访问者的浏览器名称及其版本。

代码部分：

[HTML] 纯文本查看 复制代码
<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] 纯文本查看 复制代码
<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("CPUClass=" + x.cpuClass); document.write("<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] 纯文本查看 复制代码
<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> </body> </html>

注意：JavaScript 在 IE6、IE5 和 IE4 中的获得的版本号是相同的。