js识别不同浏览器基于userAgent做判断

 更新时间:2014年07月29日 09:39:34   投稿:whsnow   我要评论
本节主要介绍了js识别不同浏览器依据是userAgent,需要的朋友可以参考下

检测浏览器,注意浏览器判断顺序,主要是基于userAgent做判断。

//检测浏览器
var client = function(){
var engine = {
ie:0,
gecko:0,
webkit:0,
khtml:0,
opera:0,
ver:null
};
var browser = {
//浏览器
ie: 0,
firefox: 0,
safari: 0,
konq: 0,
opera: 0,
chrome: 0,
ver:null
};
var ua = navigator.userAgent;
//浏览器检测有顺序
if(window.opera){//opera伪装,所以优先检测
engine.ver = browser.ver = window.opera.version();
engine.opera = browser.opera = parseFloat(engine.ver);
} else if(/AppleWebKit\/(\S+)/.test(ua)){
engine.ver = RegExp["$1"];
engine.webkit = parseFloat(engine.ver);


//确定是 Chrome 还是 Safari
if (/Chrome\/(\S+)/.test(ua)){
browser.ver = RegExp["$1"];
browser.chrome = parseFloat(browser.ver);
} else if (/Version\/(\S+)/.test(ua)){
browser.ver = RegExp["$1"];
browser.safari = parseFloat(browser.ver);
} else {
//近似地确定版本号
var safariVersion = 1;
if (engine.webkit < 100){
safariVersion = 1;
} else if (engine.webkit < 312){
safariVersion = 1.2;
} else if (engine.webkit < 412){
safariVersion = 1.3;
} else {
safariVersion = 2;
}


browser.safari = browser.ver = safariVersion;
}

}else if (/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua)){
engine.ver = browser.ver = RegExp["$1"];
engine.khtml = browser.konq = parseFloat(engine.ver);
}else if (/rv:([^\)]+)\) Gecko\/\d{8}/.test(ua)){
engine.ver = RegExp["$1"];
engine.gecko = parseFloat(engine.ver);
//确定是不是 Firefox
if (/Firefox\/(\S+)/.test(ua)){
browser.ver = RegExp["$1"];
browser.firefox = parseFloat(browser.ver);
}
}else if (/MSIE ([^;]+)/.test(ua)){
engine.ver = browser.ver = RegExp["$1"];
engine.ie = browser.ie = parseFloat(engine.ver);
}
return {
engine:engine,
browser: browser
};
}();


//调用

if (client.engine.webkit) { //if it's WebKit 
if (client.browser.chrome){ 
//执行针对 Chrome 的代码 
} else if (client.browser.safari){ 
//执行针对 Safari 的代码 
} 
} else if (client.engine.gecko){ 
if (client.browser.firefox){ 
//执行针对 Firefox 的代码 
} else { 
//执行针对其他 Gecko 浏览器的代码 
} 
}

相关文章

  • 浅谈js中子页面父页面方法 变量相互调用

    浅谈js中子页面父页面方法 变量相互调用

    下面小编就为大家带来一篇浅谈js中子页面父页面方法 变量相互调用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 利用JavaScript阻止表单提交的两种方法

    利用JavaScript阻止表单提交的两种方法

    本文介绍怎样利用JavaScript来阻止表单提交的两种方法,分别是return false和使用preventDefault(),有需要的可以参考借鉴,下面一起来看看。
    2016-08-08
  • JavaScript获取GridView选择的行内容

    JavaScript获取GridView选择的行内容

    一般GridView第一列是多选框CheckBox,负责标记当前行是否被选中,后面可以有文本框TextBox,下拉框DropDownList,标签Lable
    2009-04-04
  • js 跳出页面的frameset框架示例介绍

    js 跳出页面的frameset框架示例介绍

    很多网页都是框架结构的,在很多的情况下会通过按钮点击事件或链接,跳出框架转到其它界面。下面为大家介绍下js跳出页面的frameset框架
    2013-12-12
  • JavaScript资源预加载组件和滑屏组件的使用推荐

    JavaScript资源预加载组件和滑屏组件的使用推荐

    这篇文章主要介绍了JavaScript资源预加载组件和滑屏组件的使用推荐,分别为preload和slide的用法讲解,使用起来非常简单,需要的朋友可以参考下
    2016-03-03
  • p5.js绘制旋转的正方形

    p5.js绘制旋转的正方形

    这篇文章主要为大家详细介绍了p5.js绘制旋转的正方形,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript的replace方法结合正则使用实例总结

    javascript的replace方法结合正则使用实例总结

    这篇文章主要介绍了javascript的replace方法结合正则使用技巧,实例总结了replace方法配合正则表达式进行变量、分组、字符等替换技巧,需要的朋友可以参考下
    2016-06-06
  • 在React 组件中使用Echarts的示例代码

    在React 组件中使用Echarts的示例代码

    本篇文章主要介绍了在React 组件中使用Echarts的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 纯js写的分页表格数据为json串

    纯js写的分页表格数据为json串

    这篇文章主要介绍了纯js写的分页,表格数据为json串,需要的朋友可以参考下
    2014-02-02
  • dwz 如何去掉ajaxloading具体代码

    dwz 如何去掉ajaxloading具体代码

    最近使用dwz来做项目,有时候在ajax的时候并不想使用dwz的loading,不知道有什么方法可以去掉吗,下面为大家详细介绍下具体的去掉方法
    2013-05-05

最新评论