[JavaScript]WebBrowser控件下IE版本的检测
转载请注明原文地址:https://www.cnblogs.com/litou/p/10772272.htm
在客户端检查用户使用的浏览器类型和版本,都是根据navigator.userAgent属性去判断的,虽然说一些自定义的浏览器或者HTTP组件会修改这个属性,但对于一般的情况下是足够的了。一般情况下userAgent值如下:
Chrome:Mozilla/5.0 (Windows NT 10.0;
Win64;
x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
FireFox:Mozilla/5.0 (Windows NT 10.0;
Win64;
x64;
rv:66.0) Gecko/20100101 Firefox/66.0
IE11:Mozilla/5.0 (Windows NT 10.0;
WOW64;
Trident/7.0;
.NET4.0C;
.NET4.0E;
.NET CLR 2.0.50727;
.NET CLR 3.0.30729;
.NET CLR 3.5.30729;
LCTE;
rv:11.0) like Gecko
IE8:Mozilla/4.0 (compatible;
MSIE 8.0;
Windows NT 6.1;
WOW64;
Trident/4.0;
SLCC2;
.NET CLR 2.0.50727;
.NET CLR 3.5.30729;
.NET CLR 3.0.30729;
Media Center PC 6.0;
.NET4.0C;
.NET4.0E)
有一种特殊的情况,就是使用WebBrowser控件浏览网页,WebBrowser控件是微软提供的对IE内核Trident二次开发的封装,在WebBrowser控件中检测到的userAgent值如下:
IE11下的WebBrowser:Mozilla/4.0 (compatible;
MSIE 7.0;
Windows NT 6.2;
WOW64;
Trident/7.0;
.NET4.0C;
.NET4.0E;
.NET CLR 2.0.50727;
.NET CLR 3.0.30729;
.NET CLR 3.5.30729;
LCTE)
IE8下的WebBrowser:Mozilla/4.0 (compatible;
MSIE 7.0;
Windows NT 6.1;
WOW64;
Trident/4.0;
SLCC2;
.NET CLR 2.0.50727;
.NET CLR 3.5.30729;
.NET CLR 3.0.30729;
Media Center PC 6.0;
.NET4.0C;
.NET4.0E)
可以发现不管操作系统中是哪个IE版本,userAgent值中都指示IE版本为MSIE 7.0,这会影响检测浏览器版本的正确性。
这个原因是在于WebBrowser控件默认是与运行在IE7的浏览器模式下(https://blogs.msdn.microsoft.com/patricka/2015/01/12/controlling-webbrowser-control-compatibility),如果要修改WebBrowser控件的浏览器模式,需要修改注册表才能实现(https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/general-info/ee330730(v%3dvs.85))。又或者在HTML的head中指定X-UA-Compatible这个meta,这样WebBrowser控件会强行运行在指定的文档模式中。
这里提到IE的两个概念,浏览器模式和文档模式。
浏览器模式:切换IE针对网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理(User-Agent)字符串的值。(图1)
文档模式:指定IE的页面排版引擎(Trident)以哪个版本的方式来解析并渲染网页代码。(图2)
【[JavaScript]WebBrowser控件下IE版本的检测】
文章图片
文章图片
简单来说,文档模式决定渲染网页时内核引擎的版本,而浏览器模式影响的是文档模】、8式的默认版本,以及userAgent串的值,所以我们获取到的userAgent串都是浏览器或者WebBrowser控件的浏览器模式值,也就是说,对于一般的浏览器内核、版本,以及操作系统的检测,通过userAgent串是可以区分出来的,但对于WebBrowser控件中的检测不适用。
是不是就没有办法呢?这个是否定的,但可能需要绕个圈。经测试,IE浏览器默认情况下的浏览器模式和文档模式值对应如下:
浏览器模式 | 文档模式 | |||
可选值 | 默认值 | 可选值 | 默认值 | |
IE8 | 8、7 | 8 | 8、7、Quirks | 8 |
IE9 | 9、8、7 | 9 | 9、8、7、Quirks | 9 |
IE10 | 10、9、8、7 | 10 | 标准、9、8、7、5Quirks、Quirks | 标准 |
IE11 | 11、10、9、8、7、6 | 11 | 11、10、9、8、7、5 | 11 |
1)HTML页面的head中,在title和所有的meta前,增加meta为,这样就可以使文档模式运行在最高版本。(文档模式的最高版本与浏览器版本一致)
2)通过document.documentMode属性读取文档模式的值,进而判断出当前IE浏览器的版本
通过测试整理,汇总结果如下:
userAgent | 设置meta后的documentMode值 | |||
原生浏览器 | WebBrowser控件 | 原生浏览器 | WebBrowser控件 | |
IE8 / XP | Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0) | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0) | 8 | 8 |
IE8 / Win7 | Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0) | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/4.0) | 8 | 8 |
IE9 / Win7 x64 | Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0) | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/5.0) | 9 | 9 |
IE10 / Win7 x64 | Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0) | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/6.0) | 10 | 10 |
IE11 / Win7 x64 | Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0) like Gecko | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0) | 11 | 11 |
IE11 / Win10 x64 | Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0) like Gecko | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.2; WOW64; Trident/7.0) | 11 | 11 |
转载于:https://www.cnblogs.com/litou/p/10772272.html
推荐阅读
- 事件代理
- 数组常用方法一
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- 【读书笔记】JavaScript|【读书笔记】JavaScript DOM编程艺术 (第2版)
- JavaScript判断数组的方法总结与推荐
- javascript|javascript 性能测试笔记