浏览器模式和文档模式的区别

参考：http://blog.csdn.net/jcx5083761/article/details/8668597

 

只有IE浏览器中才会有“浏览器模式”和“文档模式”。

兼容性视图涉及两个重要的功能便是“浏览器模式【browser mode】”和“文档模式【document mode】”，在IE8/IE9中按F12键，打开“开发人员工具”，在菜单栏中可以看到“浏览器模式”和“文档模式”的切换菜单，其中可以选择切换到IE7/8等不同的网页模式。这个设置之后在js中可以通过navigator.userAgent获得浏览器的版本，这个一般情况是与浏览器模式对应的，也可以通过Document.documentMode获得浏览器的文档模式，这个一般是与文档模式相对应的。如果浏览器模式与文档模式不一致的时候，我们一般认为还是以文档模式为准【渲染页面】

 

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

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

 

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

 

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

 

2.浏览器模式与文档模式之间的区别

“浏览器模式”用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理（User-Agent）字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能，这样就可以向不同的浏览器返回不同的页面内容。用开发人员工具切换浏览器模式时，文档模式也会对应改变。

 

默认情况下，IE8的浏览器模式为IE8。用户可以通过单击地址栏旁边的兼容性视图按钮来手动切换到不同的浏览器模式。在IE8中，IE8兼容性视图会以IE7文档模式来显示网页，同时会向服务器发送IE7的用户代理字符串。

 

“文档模式”用于指定IE的页面排版引擎（Trident）以哪个版本的方式来解析并渲染网页代码。切换文档模式会导致网页被刷新，但不会更改用户代理字符串中的版本号，也不会从服务器重新下载网页。切换浏览器模式的同时，浏览器也会自动切换到相应的文档模式。<meta http-equiv="x-ua-compatible" content="IE=7" />这个就是指定文档模式为IE7，Trident会按照IE7模式去渲染页面元素。

 

另外还有不同的，就是IE=7和IE=EmulateIE7，这两个有什么不同呢？IE=7是页面按照IE7去渲染，不考虑DocType，而IE=EmulateIE7是以兼容IE7的模式去渲染，考虑DocType。当然还有更例外的情况，就是真正的IE7与IE9下添加了<meta http-equiv="x-ua-compatible" content="IE=7" />也有不同的情况