JS:区分 Chrome、Firefox、IE 浏览器类型和版本
来源:互联网 发布:mysql压缩包安装方式 编辑:程序博客网 时间:2024/05/01 21:48
本文内容大多基于官方文档和网上前辈经验总结,经过个人实践加以整理积累,仅供参考。
JS 可以利用浏览器 Navigator 对象的 userAgent 属性判断其类型和版本
通过以下 JS 代码打印出浏览器 Navigator 对象的 userAgent 属性,用不同浏览器打开观察结果
alert(navigator.userAgent);
Chrome 浏览器 Navigator 对象的 userAgent 属性
Firefox 浏览器 Navigator 对象的 userAgent 属性
IE 浏览器 Navigator 对象的 userAgent 属性
从以上结果可以看出,每个浏览器都有其特殊的信息输出
Chrome:Chrome/55.0.2883.87
Firefox:Firefox/51.0
IE:compatible; MSIE 10.0;
因此 JS 解析浏览器类型的脚本如下:
if (navigator.userAgent.indexOf('Chrome') != -1) { alert('Chrome');} else if (navigator.userAgent.indexOf('Firefox') != -1) { alert('Firefox');} else if (navigator.userAgent.indexOf('compatible') != -1 && navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Opera') == -1) { alert('IE');}
注意:判断 IE 浏览器比较特殊,需要额外过滤 Opera 浏览器关键字
可以通过正则表达式进一步解析出浏览器的版本
var regIE = /msie [\d.]+/gi ;var regFirefox = /firefox\/[\d.]+/gi;var regChrome = /chrome\/[\d.]+/gi;var userAgent = navigator.userAgent;if (userAgent.indexOf('Chrome') != -1) { alert(userAgent.match(regChrome));} else if (userAgent.indexOf('Firefox') != -1) { alert(userAgent.match(regFirefox));} else if (userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('Opera') == -1) { alert(userAgent.match(regIE));}
Chrome:
Firefox:
IE:
0 0
- JS:区分 Chrome、Firefox、IE 浏览器类型和版本
- JS调用浏览器打印模块,区分IE和Chrome
- [乐意黎原创] JS根据useAgent来判断edge, ie, firefox, chrome, opera, safari 等浏览器的类型及版本
- (轉)js判断浏览器(支持区分ie、firefox、opera、chrome、safari)
- 通过JS判断浏览器类型,详细区分IE各版本浏览器
- 通过JS判断浏览器类型,详细区分IE各版本浏览器
- 通过JS判断浏览器类型,详细区分IE各版本浏览器
- 通过JS判断浏览器类型,详细区分IE各版本浏览器
- js获取当前浏览器类型 和IE浏览器版本
- js判断浏览器及浏览器版本,区分IE版本,
- js判断浏览器类型(IE,Firefox)
- JS 判断是IE版本和浏览器类型
- js实现firefox、chrome、ie浏览器复制功能
- 五大浏览器js 判断IE、Firefox、Safari、Chrome、Opera
- IE、Firefox、Chrome 浏览器中的 JS 差异介绍
- 运用JavaScript简单区分IE和firefox浏览器
- js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge,Chrome和Firefox)
- js判断浏览器类型以及IE版本
- DCGAN论文笔记+源码解析
- 小博老师解析JavaWeb核心技术 ——JQuery常用方法
- P1035 级数求和
- 对于无尽大数
- char,short ,int ,long,long long,unsigned long long数据范围
- JS:区分 Chrome、Firefox、IE 浏览器类型和版本
- [干货]2017已来,最全面试总结——这些Android面试题你一定需要
- Hrbust 1865 人类希望——kokoII【记忆化搜索】
- SQL之convert()和datepart()函数
- Qt 事件过滤器
- CentOS7 yum安装软件问题解决
- MFC菜单处理函数地址的确定
- 怎么在kali linux 中安装wingide(更新源和libqt4-webkit软件依靠问题)
- 三星正面回应Note7燃损原因 ,推进市场健康有序的发展