所有的前端开发人员都没有办法回避一个问题,那就是浏览器版本判断,当我们无法回避需要进行浏览器版本判断时,前辈们往往会告诉我们,可以判断 UserAgent这个用来标示浏览器的字符串,通过判断这一字符串的特征来判断浏览器版本。但是现在浏览器层出不穷,许多浏览器都内置更改 UserAgent的选项,或者专门的插件,使得UserAgent告诉我们的信息越来越不准确。那么什么样的方式判断浏览器版本才是比较靠谱的呢?查查 浏览器厂商提供的文档,我们不难发现,许多浏览器厂商其实为我们内置了专门的标示方法,或者有其非常独特的DOM对象,利用这些,我们就能精确的判断浏览 器,甚至判断出版本号呢。下面我们开始演示。我们从简单的先开始。

1.presto内核(Opera)
opera浏览器中有个特有的window.opera对象,通过opera.version()可以直接获取版本号,这是官方内置方法。

目前对于webkit 内核的 opera 已经没有这个内置标志了

2.webkit内核(safari、chrome、maxthon3高速模式)
webkit内核的浏览器中window对象一下成员以“WebKitXxxxx”开头,这是其有别于其他浏览器内核的独特特征
        1)safari浏览器中,navigator.vendor的值为“Apple Computer, Inc.”
        2)chrome中有两个特有的对象window.google、window.chrome、window.chromium
        3)maxthon下window.external.mxVersion为版本号

3.Gecko内核(Firefox)
继承netscape浏览器衣钵的Firefox至今依然保留留着window.netscape对象,且navigator.product的值为“Gecko”

4.IE
IE的JScript独有的条件注释可以方便的与其他浏览器区别开来,document.documentMode可以判断IE8以上的版本号,I5、E6、7 可根据DOM对象差异来区别。

原理讲完,下面写一个DEMO,用上边的方法重写jQuery的$.browser.对象。

(function(win, $){

    var doc = win.document,
nav = win.navigator,
html = doc.documentElement; //浏览器版本判断
/*@cc_on @if (@_jscript)
$.browser = {
msie: true,
version: doc.documentMode || (doc.compatMode == "CSS1Compat" ? "XMLHttpRequest" in win ? 7 : 6 : 5)
};
nav.language = nav.userLanguage;
@else @*/ if ( win.opera ) {
//opera
$.browser = {
opera: true,
version: opera.version()
};
nav.language = nav.language.replace(/-[a-z]{2}$/, function(str ) {
return str.toUpperCase();
});//20150115 测试只对opera 浏览器不起作用,其他的都ok
} else {
function browser(name){
if( !$.browser[name] ) {
$.browser = {version: true};
$.browser[name] = true;
}
}
if ( win.netscape && nav.product == "Gecko" ) {
//firefox
browser("mozilla");
} else {
//webkit
browser("webkit");
$.browser.chrome = !!win.chrome;
$.browser.safari = /^apple\s+/i.test(nav.vendor);
}
} /*@end @*/
})(this, jQuery);

在加一句:console.log("v"==="\v")

//IE8以下的浏览器会返回true;IE9,chrome,firefox会返回false;因为IE8,7,6会把v和\v都编译为垂直制表符。

自测:目前只有opera 判断不了,因为现在加入了 webkit 内核的 opera 已经不再具有 window.opera 了,希望大家找到更好的解决判断浏览器类型的办法!
【来自:http://www.w3cfuns.com/article-2440-1-1.html】

更靠谱的js判断浏览器及其版本的更多相关文章

  1. 实验:JS判断浏览器中英文版本

    <script type="text/javascript"> var lang = (navigator.systemLanguage?navigator.syste ...

  2. JS判断浏览器类型及版本

    浏览器 ie firefox opera safari chrome 分类: 一路辛酸---JavaScript 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, S ...

  3. js判断浏览器类型 js判断ie6不执行

    js判断浏览器类型 $.browser  对象 $.browser.version 浏览器版本 var binfo = ''; if ($.browser.msie) { binfo = " ...

  4. js判断浏览器类型以及版本

    你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的 ...

  5. Js 判断浏览器类型整理

    判断原理 JavaScript是前端开发的主要语言,我们可以通过 编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性 ...

  6. JS判断浏览器类型,JS判断客户端操作系统

    JS判断浏览器类型 function judge(){ var browser = { versions: function() { var u = navigator.userAgent, app ...

  7. JS判断浏览器类型和详细区分IE各版本浏览器

    今天用到JS判断浏览器类型,于是就系统整理了一下,便于后期使用. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...

  8. js判断浏览器是否安装或启用了flash的方法总结

    目录 # js判断浏览器是否安装或启用了flash的方法 # chrome浏览器启用flash插件的方法 # 参考 # js判断浏览器是否安装或启用了flash的方法 在传统浏览器,可以使用windo ...

  9. JS判断浏览器类型的方法总结(IE firefox chrome opera safari)

    JS判断浏览器类型的方法总结,可判别当前客户端所使用的浏览器是ie,firefox,safari,chrome或者是opera,另外js可以精确判断到ie浏览器的版本,依然直接上代码,需要的朋友可按照 ...

随机推荐

  1. jQuery里面的datepicker日期控件默认是显示英文的,如何显示中文或其他语言呢?

    jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...

  2. POJ 1773 Parity game 带权并查集

    分析:带权并查集,就是维护一堆关系 然后就是带权并查集的三步 1:首先确定权值数组,sum[i]代表父节点到子节点之间的1的个数(当然路径压缩后代表到根节点的个数) 1代表是奇数个,0代表偶数个 2: ...

  3. Maven之debug技巧

    mvn eclipse:clean eclipse:eclipse -Dwtpversion=2.0 可以将项目编译为web项目,然后再项目上右键debug as server即可.

  4. [NOIP2000]方格取数

    NOIP 2000 提高组第四题 题目描述 设有N*N的方格图(N<=9),我们将其中的某些方格中填入正整数,而其他的方格中则放人数字0.如下图所示(见样例):A0  0  0  0  0  0 ...

  5. [NOIP2003]栈

    2003年普及组 题目背景 栈是计算机中经典的数据结构,简单的说,栈就是限制在一端进行插入删除操作的线性表. 栈有两种最重要的操作,即pop(从栈顶弹出一个元素)和push(将一个元素进栈). 栈的重 ...

  6. node系列2

    文件操作 NodeJS能够操作文件.小至文件查找,大至代码编译,几乎没有一个前端工具不操作文件.换个角度讲,几乎也只需要一些数据处理逻辑,再加上一些文件操作,就能够编写出大多数前端工具,本章将介绍与之 ...

  7. 问题-[Delphi]用LoadLibrary加载DLL时返回0的错误

    问题现象:用LoadLibrary加载DLL一直返回0句柄,无法进行下一步操作,但同样的代码可以访问到别的DLL.问题处理:1.你加载的路径是不对的,一定要看好路径.2.你是在虚拟机中操作的DLL,因 ...

  8. HBase 学习笔记---守护进程及内存调优

    1.HMaster           HMaster的任务前面已经说过了,两个大方向:一.管理Hbase Table的 DDL操作 二.region的分配工作,任务不是很艰巨,但是如果采用默认自动s ...

  9. C#使用参数数组

    重载,是指在相同的作用域内,声明多个同名的方法.用以对不同类型或数量的参数的参数执行相同的操作.比如,可以求两个或者三个 int类型数中的最大值,我们可以编写这样的方法实现: class Util { ...

  10. WinForm简单多国语言实现

    参考:http://minmin86121.blog.163.com/blog/static/4968115720119259151898/ http://www.cnblogs.com/hakuci ...