ibcadmin 发表于 2016-7-15 09:33:35

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

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


检测浏览器及版本

使用 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("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>
<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 中的获得的版本号是相同的 。


ibcadmin 发表于 2016-7-15 09:34:05

11

等待时候 发表于 2016-7-15 13:49:35

ibcadmin 发表于 2016-7-15 09:34
11

66

wwee123 发表于 2019-8-28 20:25:20

顶顶顶顶顶顶顶顶顶顶顶
页: [1]
查看完整版本: JS获取浏览器信息,适合做兼容性