转载请注明原文地址: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)

  简单来说,文档模式决定渲染网页时内核引擎的版本,而浏览器模式影响的是文档模】、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

  由于WebBrowser控件的浏览器模式修改修改注册表才能实现修改,这个估计一般很难做到,但是上面提到了,在HTML的head中指定X-UA-Compatible这个meta,这样WebBrowser控件会强行运行在指定的文档模式中,也就是说,我们可以指定X-UA-Compatible的值,然后在文档中通过document.documentMode来读取当前文档模式的值,就可以达到目的。操作步骤如下:

  1)HTML页面的head中,在title和所有的meta前,增加meta为<meta http-equiv="X-UA-Compatible" content="IE=edge" />,这样就可以使文档模式运行在最高版本。(文档模式的最高版本与浏览器版本一致)

  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

  其实最后发现,userAgent中根据Trident后面的版本号也可以很好的判断出IE浏览器的版本:)

[JavaScript]WebBrowser控件下IE版本的检测的更多相关文章

  1. 强制IE浏览器或WebBrowser控件使用指定版本显示网页

    自从装了IE10之后,就发现好些个网站显示都不是那么的正常,网站上有些功能竟然还会出现一些意想不到的BUG——本来就是针对IE开发的,现在IE下竟然用不起来了,让用户情何以堪?但是就为少量用户使用的系 ...

  2. 在.net中修改Webbrowser控件的IE版本

    根据32位.64位系统来分别修改对应的注册表路径的键值对,不需要重启程序. /// <summary> /// 修改Webbrowser控件模拟的IE版本 /// </summary ...

  3. delphi强制WebBrowser控件使用指定版本显示网页

    function TFrmmain.WriteAppNameToReg:Boolean; var reg:TRegistry; sPath,sAppName:String; Sver:string; ...

  4. 强制IE浏览器或WebBrowser控件使用指定版本显示网页2

    一.问题的提出 偶然发现,Winform里的WebBrowser和IE实际安装的版本似乎并不同步,很有趣! 下面有张图,里面一个窗口是用IE9打开某网站,另一个窗口是用Winform+WebBrows ...

  5. C# 指定Webbrowser控件所用IE内核版本

    如果电脑上安装了IE8或者之后版本的IE浏览器,Webbrowser控件会使用IE7兼容模式来显示网页内容.解决方法是在注册表中为你的进程指定引用IE的版本号. 比如我的程序叫做a.exe,以64位机 ...

  6. js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval

    需求: input控件在失去焦点后直接做验证,验证通不过的话,显示相应错误.但是如果失去焦点后点击的下个控件是比较特殊的控件(比如,退出系统),那么不执行验证操作,直接退出系统(防止在系统退出前,还显 ...

  7. VC++使用WebBrowser控件,强制给控件指定版本显示网页

    转载:http://www.cnblogs.com/1175429393wljblog/p/5398928.html 最近为了抓取淘宝的成交数据,用C#的WebBrowser控件开发了一个简单的程序. ...

  8. PB打开ole控件IE浏览器版本问题_指定Webbrowser控件所用IE内核版本(转)

    如果电脑上安装了IE8或者之后版本的IE浏览器,Webbrowser控件会使用IE7兼容模式来显示网页内容.解决方法是在注册表中为你的进程指定引用IE的版本号. 比如我的程序叫做a.exe 对于32位 ...

  9. .net 设置webbrowser控件使用的IE版本

    当我们在使用.net的Webbrowser控件时,发现webbrowser展示的内容和我们用浏览器展示的内容不一致,甚至出现:'JSON' is undefined. 原因是webbrowser使用的 ...

随机推荐

  1. 用Jmeter对数据库执行压力测试

    转载:http://www.cnblogs.com/chengtch/p/6198900.html 在我看来压力测试的压测对象可以分为UI,接口及数据库三个部分吧,对界面及接口进行压测还算熟悉, 定位 ...

  2. 01.Hello Node.js

    程序下载:https://files.cnblogs.com/files/xiandedanteng/helloNodejs.rar 关键代码: var http=require('http'); v ...

  3. 为什么JVM指定-Xmx参数后占用内存会变少?

    嘿,你能顺便过来看看这个奇怪的事情吗?” 就是让我提供支持的这个事情,驱使我写下这篇博客的.这个特殊的问题是,不同工具给出的可用内存的报告是不一样的. 简而言之,工程师正在调查特定应用程序的内存使用. ...

  4. js:获得时间

    <script type="text/javascript"> function bodyLoad() { var dateTime = new Date(); var ...

  5. SpringBoot 框架整合

    代码地址如下:http://www.demodashi.com/demo/12522.html 一.主要思路 使用spring-boot-starter-jdbc集成Mybatis框架 通过sprin ...

  6. MVC基础操作

    C#-MVC基础操作-数据的展示及增删改.登录页面及状态保持一.数据展示1.View代码: <%@Page Language="C#" Inherits="Syst ...

  7. js 温故而知新 webkitTransitionEnd 监听Transition动画结束事件

    css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd; 注意:transition,也仅仅有这一个事件. http://www.runoob. ...

  8. IPython introduction

    转载:http://blog.csdn.net/gavin_john/article/details/53086766 1. IPython介绍 ipython是一个python的交互式shell,比 ...

  9. macOS 安装安卓模拟器 并用charles抓包

    mac上面安装安卓模拟器并能使用charles抓包软件调研 一.Genymotion 1.先下载Virtua Box虚拟机 https://www.virtualbox.org/wiki/Downlo ...

  10. nginx反向代理做cache配置

    前序:请耐性子看完,前面的这个配置可以达到按后缀名进行缓存,但无法被purge.后面的配置可以被purge.具体实施方案按个人情况而定. 需要第三方的ngx_cache_purge模块:wget ht ...