JS 浏览器检测
原创博文,转载请注明出处。
如果你现在还是一个JavaScript新手(比如本人,哈哈 ),由于浏览器的兼容问题,很容易写出不兼容的JS代码,这就需要我们对浏览器进行检测。
JavaScript Navigator 对象包含了有关访问者浏览器的所有信息。
Navigator含有以下几个属性:
浏览器信息:
浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion,包括了大版本号、小版本号、语言、操作平台等信息。
浏览器次要版本:navigator.appMinorVersion
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent
cpu信息: navigator.cpuClass
语言: navigator.language,还有userLanguage操作系统设定的自然语言,browserLanguage返回浏览器当前语言, systemLanguage返回当前操作系统的缺省语言。
浏览器状态:
cookie开启关闭:navigator.cookieEnabled
浏览器联网状态:navigator.online
对Java的支持:navigator.javaEnabled()
其他:
用户信息:navigator.userProfile,拥有 addReadRequest() doReadRequest() getAttribute() clearRequest() 等方法。
指定是否允许数据污点:navigator.taintEnabled 是否可以加密数据的真伪值。仅IE有效。在navigator 4.0 已删除
我们来看一个例子:这个例子用来返回当前浏览器的信息。
<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("userProfile="+x.userProfile)
document.write("<br />");
document.write("Language="+x.language)
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>
如果返回了“undefined” (比如,browserLanguage,cpuClass,onLine等属性)是因为你的当前浏览器使用的是Firefox或者chrome,当你切换到IE之后就会发现其中变化了。
下面的例子是返回你的IE浏览器的版本信息:
<html>
<body>
<script>
//获取IE浏览器的版本号
//返回数值,显示IE的主版本号
function getIEVer() {
var ua = navigator.userAgent; //获取用户端信息
var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置
if (b < 0) {
return 0;
}
return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本号字符串,并转换为数值
}
alert(getIEVer()); //返回数值8(我的IE8)
</script>
</body>
</html>
像在我的IE浏览器中,userAgent返回如下信息:UA=Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; MSIE就代表了浏览器的版本,TridentIE排版引擎的名称。
下面的例子可以用来判断当前浏览器的版本。
<html>
<head>
<title>JavaScript检测浏览器</title>
</head>
<body>
<script type="text/javascript">
var userAgent=navigator.userAgent.toLowerCase(), s, o = {};
var browser={
version:(userAgent.match(/(?:firefox|opera|safari|chrome|msie)[\/: ]([\d.]+)/))[1],
safari:/version.+safari/.test(userAgent),
chrome:/chrome/.test(userAgent),
firefox:/firefox/.test(userAgent),
ie:/msie/.test(userAgent),
opera: /opera/.test(userAgent )
} /* 获得浏览器的名称及版本信息 */ if (browser.ie && browser.version > 6)
{
/* 判断是否为IE 6以上版本,是则执行以下操作 */
document.writeln("<p>您使用的是IE "+browser.version+"<\/p>");
}
if (browser.safari) {
doucment.writeln("<p>您使用的是safari浏览器<\/p>");
} /* 判断是否为safari */
if (browser.firefox) {
document.writeln("<p>您使用的是firefox浏览器<\/p>");
} /* 判断是否为firefox */
if (browser.chrome) {
document.writeln("<p>您使用的是chrome浏览器<\/p>");
} /* 判断是否为chrome */
if (browser.opera) {
document.writeln("<p>您使用的是opera浏览器<\/p>");
} /* 判断是否为opera */
</script>
</body>
</html>
ps:博文发出去后有园友建议用检测功能来代替Agent,由于刚接触javascript而且并不以此为主要工作,所以对我而言用处不大,如果你是做前端工作的,建议你学习使用Modernizr检查功能,我简单的看了一下介绍,感觉是个强大的东西。
JS 浏览器检测的更多相关文章
- js浏览器检测
1.判断浏览器类型 if navigator.userAgent.indexOf(”MSIE”)>0) {} //判断是否IE浏览器 if(isFirefox=navigator.userAge ...
- 浏览器检测(BrowserDetect.js)
浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果 ...
- js+jquery检测用户浏览器型号(包括对360浏览器的检测)
做网站,js检测用户浏览器的版本,是经常要使用到,今天自己写了一个js,完成了对于一些常见浏览器的检测,但是,偏偏对于360浏览器的检测没有任 何办法,研究了一会儿,无果.无论是360安全浏览器,还是 ...
- 浏览器检测(BrowserDetect.js)使用
浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果 ...
- js+jquery检测用户浏览器型号(转)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 浏览器检测-js
昨天有一同学问我为什么attachEvent在非IE浏览器下不能起作用,我也跟他解释了一番:attachEvent是IE下独有的,只能在IE下使用,其他浏览器下应该用addEventListener来 ...
- jQuery为哪般去掉了浏览器检测
由于做HTML5相关的项目,许多前卫时髦的前端技术就需要考虑一下IE是否支持.要是在以前,可以很方便地调用jQuery的jQuery.browser来实现. If(jQuery.browser.msi ...
- Device.js – 快速检测平台、操作系统和方向信息
在 Web 项目中,有时候我们需要根据程序运行的环境采取特定操作.Device.js 是一个很小的 JavaScript 库,它简化了编写和平台,操作系统或浏览器相关的条件 CSS 或 JavaScr ...
- 浏览器检测navigator 对象
1.浏览器及版本号不同的浏览器支持的功能.属性和方法各有不同.比如IE 和Firefox 显示的页面可能就会有所略微不同. alert('浏览器名称:' + navigator.appName); a ...
随机推荐
- SettingsProvider 它SettingsCache
转载请注明出处:http://blog.csdn.net/droyon/article/details/35558437 SettingsCache,如指出,SettingsProvider缓冲.这将 ...
- 杭电1162Eddy's picture
Eddy's picture Time Limit : 2000/1000ms (Java/Other) Memory Limit : 65536/32768K (Java/Other) Tota ...
- mysql_常用命令
1: 以指定编码创建数据库 CREATE DATABASE `search_data` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci
- Com组件的内存分配和释放,CredentialProvider SHStrDup 字符串拷贝问题
一.简单介绍 熟悉CredentialProvider的同学应该知道,他为一个Com组件,于是,在这里的内存分配(字符串拷贝)的一系列操作就要依照con的标准来. 二.Com组件的内存分配和释放 CO ...
- JavaScript Date对象介绍
原文:JavaScript Date对象介绍 Date 日期和时间对象 1. 介绍 Date对象,是操作日期和时间的对象.Date对象对日期和时间的操作只能通过方法. 2. 构造函数 2.1 new ...
- The Swift Programming Language-官方教程精译Swift(1)小试牛刀
通常来说,编程语言教程中的第一个程序应该在屏幕上打印“Hello, world”.在 Swift 中,可以用一行代码实现: println("hello, world") 如果你 ...
- Thrift官方安装手冊(译)
本篇是Thrift官网安装文档的翻译,原地址点击这里.Thrift之前是不支持Windows的.可是似乎0.9版本号以后已经支持Window了.介绍了Thrift安装的环境要求以及在centos,De ...
- poj 2513 Colored Sticks(欧拉路径+并检查集合+特里)
题目链接:poj 2513 Colored Sticks 题目大意:有N个木棍,每根木棍两端被涂上颜色.如今给定每一个木棍两端的颜色.不同木棍之间拼接须要颜色同样的 端才干够.问最后是否能将N个木棍拼 ...
- Bootstrap transition.js 插件
Bootstrap transition.js 插件详解 Bootstrap 自带的 JavaScript 插件的动画效果几乎都是使用 CSS 过渡实现的,而其中的 transition.js 就 ...
- 关于phpcms中模块_tag.class.php中的pc_tag()方法的含义
关于phpcms中模块_tag.class.php中的pc_tag()方法的含义: 在phpcms系统中自己写后台模块,要在前台模板中显示出来须要在\phpcms\modules\自定义 ...