js/jQuery判断浏览器名称、内核版本、浏览器壳（百度，360，搜狗，QQ浏览器）

最新推荐文章于 2023-05-30 10:16:48 发布

原创最新推荐文章于 2023-05-30 10:16:48 发布 · 3k 阅读

3 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery来判断浏览器的名称、内核版本以及识别百度、360、搜狗和QQ等浏览器壳。

1.js方法

var NV = {};  
var UA = navigator.userAgent.toLowerCase();  
try  
{  
    NV.name=!-[1,]?'ie':  
    (UA.indexOf("firefox")>0)?'firefox':  
    (UA.indexOf("chrome")>0)?'chrome':  
    window.opera?'opera':  
    window.openDatabase?'safari':  
    'unkonw';  
}catch(e){};  
try  
{  
    NV.version=(NV.name=='ie')?UA.match(/msie ([\d.]+)/)[1]:  
    (NV.name=='firefox')?UA.match(/firefox\/([\d.]+)/)[1]:  
    (NV.name=='chrome')?UA.match(/chrome\/([\d.]+)/)[1]:  
    (NV.name=='opera')?UA.match(/opera.([\d.]+)/)[1]:  
    (NV.name=='safari')?UA.match(/version\/([\d.]+)/)[1]:  
    '0';  
}catch(e){};  
try  
{  
    NV.shell=(UA.indexOf('360ee')>-1)?'360极速浏览器':  
    (UA.indexOf('360se')>-1)?'360安全浏览器':  
    (UA.indexOf('se')>-1)?'搜狗浏览器':  
    (UA.indexOf('aoyou')>-1)?'遨游浏览器':  
    (UA.indexOf('theworld')>-1)?'世界之窗浏览器':  
    (UA.indexOf('worldchrome')>-1)?'世界之窗极速浏览器':  
    (UA.indexOf('greenbrowser')>-1)?'绿色浏览器':  
    (UA.indexOf('qqbrowser')>-1)?'QQ浏览器':  
    (UA.indexOf('baidu')>-1)?'百度浏览器':  
    '未知或无壳';  
}catch(e){}  
alert('浏览器UA='+UA+  
'\n\n浏览器名称='+NV.name+  
'\n\n浏览器版本='+parseInt(NV.version)+  
'\n\n浏览器外壳='+NV.shell);  
});  
  
var NV = {};  
var UA = navigator.userAgent.toLowerCase();  
try  
{  
    NV.name=!-[1,]?'ie':  
    (UA.indexOf("firefox")>0)?'firefox':  
    (UA.indexOf("chrome")>0)?'chrome':  
    window.opera?'opera':  
    window.openDatabase?'safari':  
    'unkonw';  
}catch(e){};  
try  
{  
    NV.version=(NV.name=='ie')?UA.match(/msie ([\d.]+)/)[1]:  
    (NV.name=='firefox')?UA.match(/firefox\/([\d.]+)/)[1]:  
    (NV.name=='chrome')?UA.match(/chrome\/([\d.]+)/)[1]:  
    (NV.name=='opera')?UA.match(/opera.([\d.]+)/)[1]:  
    (NV.name=='safari')?UA.match(/version\/([\d.]+)/)[1]:  
    '0';  
}catch(e){};  
try  
{  
    NV.shell=(UA.indexOf('360ee')>-1)?'360极速浏览器':  
    (UA.indexOf('360se')>-1)?'360安全浏览器':  
    (UA.indexOf('se')>-1)?'搜狗浏览器':  
    (UA.indexOf('aoyou')>-1)?'遨游浏览器':  
    (UA.indexOf('theworld')>-1)?'世界之窗浏览器':  
    (UA.indexOf('worldchrome')>-1)?'世界之窗极速浏览器':  
    (UA.indexOf('greenbrowser')>-1)?'绿色浏览器':  
    (UA.indexOf('qqbrowser')>-1)?'QQ浏览器':  
    (UA.indexOf('baidu')>-1)?'百度浏览器':  
    '未知或无壳';  
}catch(e){}  
alert('浏览器UA='+UA+  
'\n\n浏览器名称='+NV.name+  
'\n\n浏览器版本='+parseInt(NV.version)+  
'\n\n浏览器外壳='+NV.shell);  
});

2.jQuery插件

(function($)  
{  
  
    $.extend(  
    {  
        NV:function(name)  
        {  
var NV = {};  
var UA = navigator.userAgent.toLowerCase();  
try  
{  
    NV.name=!-[1,]?'ie':  
    (UA.indexOf("firefox")>0)?'firefox':  
    (UA.indexOf("chrome")>0)?'chrome':  
    window.opera?'opera':  
    window.openDatabase?'safari':  
    'unkonw';  
}catch(e){};  
try  
{  
    NV.version=(NV.name=='ie')?UA.match(/msie ([\d.]+)/)[1]:  
    (NV.name=='firefox')?UA.match(/firefox\/([\d.]+)/)[1]:  
    (NV.name=='chrome')?UA.match(/chrome\/([\d.]+)/)[1]:  
    (NV.name=='opera')?UA.match(/opera.([\d.]+)/)[1]:  
    (NV.name=='safari')?UA.match(/version\/([\d.]+)/)[1]:  
    '0';  
}catch(e){};  
try  
{  
    NV.shell=(UA.indexOf('360ee')>-1)?'360极速浏览器':  
    (UA.indexOf('360se')>-1)?'360安全浏览器':  
    (UA.indexOf('se')>-1)?'搜狗浏览器':  
    (UA.indexOf('aoyou')>-1)?'遨游浏览器':  
    (UA.indexOf('theworld')>-1)?'世界之窗浏览器':  
    (UA.indexOf('worldchrome')>-1)?'世界之窗极速浏览器':  
    (UA.indexOf('greenbrowser')>-1)?'绿色浏览器':  
    (UA.indexOf('qqbrowser')>-1)?'QQ浏览器':  
    (UA.indexOf('baidu')>-1)?'百度浏览器':  
    '未知或无壳';  
}catch(e){}  
            switch(name)  
            {  
                case 'ua':  
                case 'UA':br=UA;break;  
                case 'name':br=NV.name;break;  
                case 'version':br=NV.version;break;  
                case 'shell':br=NV.shell;break;  
                default:br=NV.name;  
            }  
            return br;  
        }  
    });  
})(jQuery);