转载请注明原文地址: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. ElasticSearch中设置排序Java

    有用的链接:http://stackoverflow.com/questions/12215380/sorting-on-several-fields-in-elasticsearch 有的时候,需要 ...

  2. solrCloud分布式检索流程

    FROM: http://blog.csdn.net/duck_genuine/article/details/17014991 好久没写solr的文章了,刚好需要在公司作个分享,先总结一些先. 引用 ...

  3. [Tools] Support VS Code Navigation and Autocomplete Based on Webpack Aliases with jsconfig.json

    It's common to setup Webpack aliases to make imports much more convenient, but then you lose the abi ...

  4. Yii2数据库分页操作方法介绍

    本章节将介绍怎样怎样创建一个从数据表 country 中获取国家数据并显示出来的页面. 为了实现这个目标,你将会配置一个数据库连接.创建一个活动记录类,而且创建一个操作及一个视图. 贯穿整个章节,你将 ...

  5. ionic2项目创建回顾 及 react-native 报错处理

    ionic2: 1.创建项目: ionic start MyIonic2Project tutorial --v2 (下载 tutorial 模板来初始化项目) ionic start MyIonic ...

  6. Git命令学习之旅——日志和穿梭版本号

    在总结了git命令的基础之后,接下来我们看一下基础的一些进阶内容:删除撤销命令.日志查看命令等 既然有加入文件的功能,那么相相应的肯定有移除文件的功能,命令例如以下:git rm [文件名称] 在输入 ...

  7. 【Excle】如何隐藏数据透视表中的错误值

    如下:数据透视表出现错误 怎么解决呢 步骤 方法① 单击数据透视表任意单元格→数据透视表工具→分析→选项→勾选"对于错误值显示"→确定 方法② 右键→数据透视表选项(同样可以修改)

  8. IIS7.5下的web.config 404应该如何配置

    IIS环境下web.config的配置的问题,在IIS7.5中添加配置404页面时遇到了一些问题,记录如下: 一开始在<customError>下的<error>节点配置404 ...

  9. Android开源--PullToRefresh

    开源地址: https://github.com/chrisbanes/Android-PullToRefresh 简单介绍:PullToRefresh是一款支持ListView,GridView,V ...

  10. Android:Activity+Fragment及它们之间的数据交换(一)

    简单介绍: 为什么要用Fragment?使用Fragment能够在一个Activity中实现不同的界面. Fragment与Fragment之间的动画切换,远比Activity与Activity之间的 ...