js识别不同浏览器基于userAgent做判断
2014-07-29 00:00
525 查看
检测浏览器,注意浏览器判断顺序,主要是基于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识别不同浏览器基于userAgent做判断
- JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式
- JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式
- js 根据 useragent 判断访问网页的 设备 和 浏览器 分类: 浏览器检测 浏览器兼容 判断设备 判断浏览器 2015-01-28 11:23 266人阅读 评论(0) 收藏
- JS判断移动设备的终端类型(浏览器UserAgent)
- 如何用js判断不同浏览器
- 不同浏览器对于js中for循环的判断
- JS通过分析userAgent属性来判断浏览器的类型及版本
- js 根据 useragent 判断访问网页的 设备 和 浏览器
- js 不同浏览器 的判断
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- js,php实现用ua判断手机,ipad,pc浏览器访问网页不同尺寸页
- JS判断不同浏览器或设备来跳转不同页面
- js 判断不同系统的浏览器类型
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式
- JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- JS判断设备以及区别不同浏览器(微信、手机等)