码迷,mamicode.com
首页 > Web开发 > 详细

JS判断当前浏览器

时间:2015-04-14 14:38:54      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

写了一个判断当前浏览器类型及版本的方法,只在IE 8/11 、谷歌 、360 浏览器(不完全)上测试过希望大家提出意见

[1].[代码] [JavaScript]代码 跳至 [1] [2]

?
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
;(function($, window, document,undefined){
    if(!window.browser){
         
        var userAgent = navigator.userAgent.toLowerCase(),uaMatch;
        window.browser = {}
         
        /**
         * 判断是否为ie
         */
        function isIE(){
            return ("ActiveXObject" in window);
        }
        /**
         * 判断是否为谷歌浏览器
         */
        if(!uaMatch){
            uaMatch = userAgent.match(/chrome\/([\d.]+)/);
            if(uaMatch!=null){
                window.browser[‘name‘] = ‘chrome‘;
                window.browser[‘version‘] = uaMatch[1];
            }
        }
        /**
         * 判断是否为火狐浏览器
         */
        if(!uaMatch){
            uaMatch = userAgent.match(/firefox\/([\d.]+)/);
            if(uaMatch!=null){
                window.browser[‘name‘] = ‘firefox‘;
                window.browser[‘version‘] = uaMatch[1];
            }
        }
        /**
         * 判断是否为opera浏览器
         */
        if(!uaMatch){
            uaMatch = userAgent.match(/opera.([\d.]+)/);
            if(uaMatch!=null){
                window.browser[‘name‘] = ‘opera‘;
                window.browser[‘version‘] = uaMatch[1];
            }
        }
        /**
         * 判断是否为Safari浏览器
         */
        if(!uaMatch){
            uaMatch = userAgent.match(/safari\/([\d.]+)/);
            if(uaMatch!=null){
                window.browser[‘name‘] = ‘safari‘;
                window.browser[‘version‘] = uaMatch[1];
            }
        }
        /**
         * 最后判断是否为IE
         */
        if(!uaMatch){
            if(userAgent.match(/msie ([\d.]+)/)!=null){
                uaMatch = userAgent.match(/msie ([\d.]+)/);
                window.browser[‘name‘] = ‘ie‘;
                window.browser[‘version‘] = uaMatch[1];
            }else{
                /**
                 * IE10
                 */
                if(isIE() && !!document.attachEvent && (function(){"use strict";return !this;}())){
                    window.browser[‘name‘] = ‘ie‘;
                    window.browser[‘version‘] = ‘10‘;
                }
                /**
                 * IE11
                 */
                if(isIE() && !document.attachEvent){
                    window.browser[‘name‘] = ‘ie‘;
                    window.browser[‘version‘] = ‘11‘;
                }
            }
        }
 
        /**
         * 注册判断方法
         */
        if(!$.isIE){
            $.extend({
                isIE:function(){
                    return (window.browser.name == ‘ie‘);
                }
            });
        }
        if(!$.isChrome){
            $.extend({
                isChrome:function(){
                    return (window.browser.name == ‘chrome‘);
                }
            });
        }
        if(!$.isFirefox){
            $.extend({
                isFirefox:function(){
                    return (window.browser.name == ‘firefox‘);
                }
            });
        }
        if(!$.isOpera){
            $.extend({
                isOpera:function(){
                    return (window.browser.name == ‘opera‘);
                }
            });
        }
        if(!$.isSafari){
            $.extend({
                isSafari:function(){
                    return (window.browser.name == ‘safari‘);
                }
            });
        }
    }
})(jQuery, window, document);

[2].[代码] [JavaScript]代码 跳至 [1] [2]

?
1
2
3
4
//使用方式
console.log(window.browser);
console.log($.isIE());
console.log($.isChrome());

JS判断当前浏览器

标签:

原文地址:http://blog.csdn.net/u014311051/article/details/45041715

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!