IE的浏览器模式与文档模式

1.浏览器模式与文档模式概念

在较新的IE浏览器中（如IE8, IE9, IE10），为了解决兼容性的问题，引入了浏览器模式和文档模式两个概念，浏览网页时可以通过按F12键看到这两种模式。

 

浏览器模式的主要作用是为兼容较早版本的IE，它会控制浏览器发出的UserAgent，表示以哪个版本的浏览器发出请求，以此来允许为某个特定IE版本设计的代码正确执行（举例来说：有些代码可以判断ie版本的，还有css里也有判断ie版本的，如下：

css中判断IE版本的语句：

1. <!--[if !IE]> 除IE外都可识别 <!--<![endif]-->

2. <!--[if IE]> 所有的IE可识别 <![endif]-->

3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->

4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->

5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->

6. <!--[if IE 6]> 仅IE6可识别 <![endif]-->

7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->

8. <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->

9. <!--[if IE 7]> 仅IE7可识别 <![endif]-->

10. <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->

11. <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

解释语句如下:

gt = selects greater than(高于)

lt = selects less than(低于)

gte = selects greater than or equal to(>=)

lte = selects less than or equal to(<=)

! = selects everything except what directly follows the "!"(选择所有,除了!)

）。

 

文档模式的主要作用是影响浏览器显示网页HTML的方式，在接到返回的HTML文件后，决定以哪个IE版本的文档模式解析该页面（举例来说：JS脚本就是依赖文档模式，IE9的js变化就需要IE9文档模式来支持）。

2.如何使WebBrowser运行在IE9浏览器模式下

在安装了IE9的计算机上，Webbrowser并不是直接运行在IE9模式下，而是默认工作在IE9兼容视图（也就是IE7 Mode）下，为了让Webbrowser工作在IE9下，需要修改注册表，为应用程序指明使用IE9版本。

32位计算机需要修改注册表HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION，增加YourApplication.exe，值为十进制9999。

64位计算机需要修改注册表HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION，增加YourApplication.exe，值为十进制9999。

注意：9999最正确，9000则不推荐用，因为它不彻底。

3.如何使HTML页面使用IE9文档模式

如果html页面中没有doctype，那么WebBrowser将不会使用IE9文档模式来解析页面(哪怕已经设置了注册表9999)，而是仍沿用之前兼容旧版IE的 Quirks模来渲染，解释页面，JS脚本也将同样处置。这样的缺点是无法使用Html5新特性，优点是您的系统升级到IE9的兼容性改造工作将会大为减少。

以下是两种修改方法（这里不是针对上述的IE9设置，而是普遍的方法）：

（1）META 修改方法

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

X-UA-Compatible是IE8的一个专有属性，它指定IE8浏览器去模拟某个特定版本的IE浏览器来渲染，以此来解决部分兼容问题。IE=edge告诉IE使用最新的引擎渲染网页。可指定 IE=5、IE=7 、 IE=8 、IE=EmulateIE7。

注：IE=EmulateIE7与IE=7的区别

<meta http-equiv="X-UA-Compatible" content="IE=7" />
无论页面是否包含 <!DOCTYPE> 指令，均使用 Windows Internet Explorer 7 的标准渲染模式。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式。




chrome=1，就是告诉IE如果用户安装了下面的那个插件就使用GCF来渲染。GCF是指chrome内嵌框架（Google Chrome Frame），这个插件可以让用户的IE浏览器外观不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器，支持使用html5。

这样的方法简单快捷，弊端是代码将无法通过W3C验证。其实这并不是问题，毕竟标准只是标准，如果只有这一个“错误”完全不会有任何不良的影响。

（2）服务器设置方法

A、Apache服务器设置

可以在Apache主机做一些设置让服务器告诉IE采用何种引擎来渲染。在网站作用目录找到或新建.htaccess文件，添加下面的内容保存即可。

<IfModule mod_setenvif.c> <IfModule mod_headers.c> BrowserMatch MSIE ie Header set X-UA-Compatible "IE=Edge" env=ie BrowserMatch chromeframe gcf Header append X-UA-Compatible "chrome=1" env=gcf </IfModule> </IfModule>
      

B、Nginx服务器设置

对于使用Nginx搭建环境的情况，找到\nginx\conf\nginx.conf并编辑，在server { }区域里（最好是闭合符前面起一行）添加下列代码即可

add_header "X-UA-Compatible" "IE=Edge,chrome=1";