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

最新推荐文章于 2026-04-13 11:28:37 发布

转载最新推荐文章于 2026-04-13 11:28:37 发布 · 2.7k 阅读

Html + CSS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了IE9浏览器模式和文档模式的概念及其应用。包括如何通过修改注册表使WebBrowser控件运行在IE9模式下，以及如何使HTML页面使用IE9文档模式。提供了META标签和服务器配置的具体方法。

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

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

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

css中判断IE版本的语句：

1. 

2. 

3. 

4. 

5. 

6. 

7. 

8. 

9. 

10. 

11.

解释语句如下:

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的区别

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";