js识别不同浏览器
2023-09-27 14:23:28 时间
检測浏览器。注意浏览器推断顺序,主要是基于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 浏览器的代码
}
}
相关文章
- [转] web前端js构造无法销毁的类UUID识别码,识别浏览器设备唯一性
- Node.js 手册查询-5-Ejs 方法
- JS跳转链接的几种方式
- vue.js+koa2项目实战(五)axios 及 vue2.0 子组件和父组件之间的传值
- Dom.js
- js 获取控制台的错误信息
- 页面正在载入js
- js 字符串加密解密
- js清除未知定时器的方法
- 深入剖析js命名空间函数namespace
- 《Ember.js实战》——1.3 Ember.js概览
- js面向对象、创建对象的工厂模式、构造函数模式、原型链模式
- arcgis api 3.x for js 地图加载多个气泡窗口展示(附源码下载)
- js实现点击按钮实现上一张下一张相册滚动效果
- js 动态加载 jq
- 国内首位!Node.js社区将阿里云工程师张秋怡吸纳为CTC成员
- 如何删除您的注册js图书馆bower私人图书馆
- 包学会之浅入浅出Vue.js:升学篇
- three.js 离线API