一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
& 从IE8开始引入了文档兼容模式的概念，作为开发人员的我们可以在开发人员工具中通过&浏览器模式&和&文档模式&（IE11开始改为&浏览器模式&改成更贴切的&用户代理字符串&）品味一番，它的出现极大地方便了苦逼的前端攻城狮们适配各版本的IE，但jser们也不能完全信任它，因为它只是提供尽可能的文档模式模拟而已。
& 本篇大部分内容来源于官方解说：/library/cc288325(v=vs.85).aspx，并尽量融入个人平常工作中踩过的坑加以阐述。
& 注意：本文内容仅针对HTTP头Content-Type字段为text/html的html文档作说明，而XML文档不在本文的讨论范围之内。
二、什么是浏览器模式？　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
& &初看&浏览器模式&确实不明白啥意思，也许IE的工程师们也了解这词的蹩脚，于是IE11索性就改名为&用户代理字符串&。现在大伙应该清楚这货就是用来设置navigator.userAgent和navigator.appVersion的。
& &它唯一需要注意的是，在不同的IE版本中，它与文档模式的关系可不相同。
& &IE89中，倘若浏览器模式被设置为Internet Explorer7，那么文档模式的只能设置为7,6,5；
& &IE11中，用户代理字符串设置和文档模式可谓是没有半毛钱关系。
三、什么是文档模式？　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
& 对于以Webkit、Molliza等作为内核的浏览器来说，DOM树的解析、渲染，JS的API等主要与内核版本挂钩；而对于IE浏览器而言，这些从IE6开始就跟文档模式挂钩了。为了更好的理解文档模式，我们以时间为线从IE5.5开始学习吧！
& 3.1. 从&久远&的IE5.5说起
　　现在虽然没什么用使用IE5.5了，但它却从未离开过我们，因为IE5.5一直以怪异模式（Quirks，IE5的文档模式）的形式存活在我们的身边。不过在那个只有IE5.5的年代，并没有Quirks这一说法，只是后来IE6面世后逐渐向W3C标准靠拢，而IE5.5下DOM树的解析、渲染等都与W3C标准有很大差别，于是命其名为Quirks。
& 3.2. 兼容模式&&IE6的新发明
　　由于IE6和IE5.5下DOM树的解析等都有很大差异，导致那些适配IE5.5的老网站无法在IE6上正常显示，于是出现了一个新功能&&&兼容模式&，用于解决老网站的显示问题。IE6的兼容模式就两种，怪异模式（Quirks）和IE6标准模式。（IE7也只有怪异模式和IE7标准模式）
　IE6默认使用怪异模式（Quirks），仅当以&!DOCTYPE&作为文档第一行声明文档类型时，才采用IE6的标准模式，即使IE无法识别所声明的文档类型。（IE7也是这样）
　注意：这时的兼容模式主要是解决显示问题，要知道那时的JS只是小配角而已。
& 3.3. 文档兼容性模式&&IE8的新宠
　　&文档兼容性模式&是对&兼容模式&的扩展，就IE8而言，除了提供怪异模式（Quirks）和IE8标准模式外，还提供了IE7标准模式、模拟IE7模式，而且设置的方式也丰富得多。
四、文档模式的种类　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　1. 怪异模式
　　　　IE6789的是IE5.5的文档模式，IE10+和Chrome等浏览器是W3C规范的怪异模式。
　　2. 标准模式（非怪异模式）
　　　　W3C标准的文档模式，但各浏览器的实现阶段不尽相同。
　　3. 准标准模式（有限怪异模式）
　　　　由于该模式离W3C标准仍然有一段距离，因此被称作准标准模式（或有限怪异模式）。IE6、7的标准模式实际上就是准标准模式，而IE8+才有实质上的标准模式。但到底两者的不同点体验在哪里，本人暂时不了解，请各位指导！
五、IE8+设置文档模式的方式　　　　　　　　　　　　　　　　　　　　　　　　　　
& 开发者常用的方式：
　　1. 开发者工具中的&文档模式&；
　　2. 通过在head标签内加入如&meta http-equiv="X-UA-Compatible" content="IE=7"&的元数据标签（该例子将文档模式设置为IE7标准模式）；
　　3. 通过&!DOCTYPE&的增删，在标准模式和怪异模式（Quirks）间切换；
　　4. 通过Web服务器配置
IIS的web.config配置信息：
&?xml version="1.0" encoding="utf-8"?&
&configuration&
&system.webServer&
&httpProtocol&
&customHeaders&
&add name="X-UA-Compatible" value="IE=EmulateIE7" /&
&/customHeaders&
&/httpProtocol&
&/system.webServer&
&/configuration&
& 用户常用的方式：
　　1. 点击地址栏的兼容性视图切换按钮（仅当HTTP、HTTPS协议时才出现该按钮）；
　　2. 若网页是在Intranet区域中加载，配置使用兼容性视图显示Intranet区域中的网页；
　　3. 配置浏览器使用兼容视图浏览所有网页；
　　4. 将网站加入到兼容性视图名单中；
　　5. 内网管理员将该网站加入到兼容性视图浏览名单中；
&微软的方式：
　　1. IE会定期向微软官网拉数据，假如某网站被列入微软的兼容性视图浏览名单中，那么就会IE就会以兼容性视图模式来处理该网站。
& &因此我们可以明白到文档模式不是完全掌控在我们手中的，哎。。。。。。
六、&meta http-equiv="X-UA-Compatible"&与&!DOCTYPE&结伴影响文档模式 & &
& 所有IE浏览器在默认情况下（&meta http-equiv="X-UA-Compatible"&与&!DOCTYPE&均没有），是采用怪异模式（Quirks）；当有&!DOCTYPE&时，均采用浏览器版本对应的标准模式（如IE8就采用IE8标准模式，IE11就采用IE11标准模式）。
& 现在要注意的是，当出现&meta http-equiv="X-UA-Compatible"&时，文档模式将会如何呢？我们首先了解一下IE11下它的content属性值范围吧，具体范围如下：
& IE=5、IE=7、IE=EmulateIE7、IE=8、IE=EmulateIE8、IE=9、IE=10、&IE=11、 IE=Edge&
&1. IE=5：表示采用怪异模式；
&2. IE=7等纯数字的值：表示采用对应IE版本的标准模式，即使不是以&!DOCTYPE&作为文档第一行，文档模式依旧使用标准模式；
&3. IE=EmulateIE7等含EmulateIE字符串的值：表示采用模拟对应IE版本的模式，就是以&!DOCTYPE&作为文档第一行则采用标准模式，否则采用怪异模式。
&4. IE=Edge：表示采用浏览器自身版本的文档模式，如IE11，以&!DOCTYPE html&作为文档第一行则采用IE11标准模式，否则采用怪异模式。
& 1. 在IE11中，IE=10和IE=EmulateIE10是一样的，IE=11、IE=EmulateIE11和IE=Edge是一样的；
& 2. 10及以上的文档模式，若文档第一行不是有效的&!DOCTYPE&（怎样才是有效的&!DOCTYPE&，请期待《JS魔法堂：doctype我们应该了解的基础知识》），则patMode返回BackCompat，但document.documentMode却返回正确的文档模式；
& 3. 9及以下的文档模式，只要文档第一行出现&!DOCTYPE&，不管是否有效，patMode均返回CSS1Compat。当文档第一行没有&!DOCTYPE&且没有指定标准模式时，patMode才返回BackCompat，且document.documentMode必定返回5。
七、对&meta http-equiv="X-UA-Compatible"&了解多一点　　　　　　　　　　　　
　　6.1. 有效位置
　　　　必须放在head标签内才有效。
　　6.2. 多个标签时只认第一个
&meta http-equiv="X-UA-Compatible" content="IE=7"&
&meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"&
&body&&/body&
&script type="text/javascript"&
console.log(document.documentMode); // 输出 7
　　6.3. 无效content值，就设置为最接近的文档模式
　　　　IE=a：文档模式为5
　　& & &IE=7.5：文档模式7
　　6.4. 一个标签设置多个文档模式，浏览器会自动选择可用的最高的文档模式
&meta http-equiv="X-UA-Compatible" content="IE=7;IE=9;IE=8"&
&body&&/body&
&script type="text/javascript"&
console.log(document.documentMode); // IE11中，输出 9
八、不一样的标准模式　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　虽然说IE6、7、8、9、10、11均有标准模式，但由于W3C标准规范内容随时间的增改，而且浏览器对标准的实现是阶段性的，因此个版本的标准模式不尽相同。
九、不一样的怪异模式　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　IE6789的怪异模式其实就是IE5.5的文档模式，但从IE10开始它的遵守了W3C规范的怪异模式。所以大家不要被名字而蒙骗咯！
举个栗子：
&style type="text/css"&
width: 100
height: 20
border: solid 1
&div id="target"&&div&
& 上面的代码在是运行在怪异模式下，在IE6789下若要div#target自动水平居中，必须加上&!DOCTYPE html&转成用标准模式渲染才行。但在IE10+、Webkit和Molliza中即使在怪异模式下div#target也会自动水平居中。
十、文档模式影响到哪些方面　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　表格、单元格的样式等都受到文档模式的影响，尤其是盒子模型。
　　css和html的解析也会受到文档模式的影响，就像在IE678标准模式时，HTML解析时会将嵌套form下的子节点挪到上一节；而IE9标准模式时不会。
　　这个我想不用多说大家也深有体验了。
十一、Jser别太开心　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
& 初次发现IE8+提供文档兼容性模式时真的欣喜若狂，终于不用找机器来IE678逐个测试了，终于不用那个经常挂死的IETester了。但后来才发现文档兼容性模式仅仅是方便我们开发调试而已，并不能完全替代IETester，更不能替代在真实的IE67上测试。因为除了浏览器版本对应的文档模式外，其他文档模式均是跑在浏览器内核虚拟机上，而这些虚拟机仅仅能模拟真实浏览器内核的大部分DOM树解析、渲染和JS API而已。例如在IE8上设定文档模式为怪异模式，但XMLHttpRequest依旧可用（XMLHttpRequest是从IE7开始才有的），因此在检测浏览器特性的时候，特征嗅探比判断浏览器的文档模式更为准确、好用。
& 另外，从第六大点的注意事项中我们可以看到，从IE10开始IE要脱离IE56789的风格，真正靠近W3C标准。
& 1. 没有有效的doctype时盒子模型的渲染模式就是怪异模式，否则就使用标准模式；
& 2. 盒子模型的渲染模式和文档模式分离，也就是渲染模式为怪异模式时，文档模式不是5。这样Jser还是使用IE10+的JS API，不用忍受IE5之苦；
& 3. 虽然在patMode为BackCompat时，渲染模式都叫怪异模式，但IE56789的怪异模式和IE10+的怪异模式所显示的效果和通过JS获取的样式数据都不同，IE10+的与Webkit、Molliza的效果相近。
十二、总结　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
& 从&浏览器模式&与&文档模式&关联，&文档模式&与&盒子模型的渲染模式&挂钩，到IE10+一下子将三者关联切断，转向W3C标准。一直觉得IE9是IE非标准与标准间的过渡带，现在就更加认定是这样了。
& 也许大家看到这里会更加疑惑，似乎了解上述内容会加重开发的负担（考虑的点更多了）。
& 其实我们只要再次明确一下&文档兼容性模式&的目的就好了，对终端用户来讲它是为了在新版IE中尽量正确地显示老网站；对开发者来讲它是为了方便调试新网站在旧版IE上的显示效果和JS的有效性，极端情况下会通过锁定文档模式来启用旧技术（如ie67下的vml）。
& 所以作为普通开发者的我们只需做三件事：
& 1. 以有效的doctype作为文档的第一行，保证渲染模式为标准模式；
& 2. 开发前设定网站的最佳运行环境范围，就是需适配的IE版本号，是否适配Webkit等；
& 3. 开发并使用各种hacks为兼容性付出不懈的努力。
& 另外我曾参与一个项目需要运用VML来画图，客户大部分使用IE678，少部分使用IE910，其他浏览器的可忽略不计，于是就可以通过锁定文档模式为模拟IE7标准模式来启用VML支持了。（官方声IE9+不支持VML，但实际上IE8已经不支持了。）
& 若作为库或框架开发者，由于文档模式影响大部分JS API，而渲染模式影响各项样式值和获取方式等等，情况会复杂得多。因此综合文档模式判断、特征嗅探、渲染模式判断是必须的，上述内容只是挖坑而已。
& 尊重原创，转载请注明转自：&^_^肥仔John
阅读(...) 评论()安卓手机上的uc浏览器开了全彩怎么还是看图不清楚？但是手机自带的浏览器却能看清楚。_百度知道
安卓手机上的uc浏览器开了全彩怎么还是看图不清楚？但是手机自带的浏览器却能看清楚。
提问者采纳
算了 还是用默认浏览器看好了 我这有wi-fi网，设置里默认浏览模式是适应屏幕： 用塞班系统看uc却可以啊 回答?腔故潜冉虾牧髁康 下面附一些我手机uc浏览器看图效果（截图的，有些模糊） ァレンタイン 的感言?剩，要是网页有大图就清晰了?ξ。赐冀ㄒ槟惚鹧∪： 安卓的uc就这样。： 用塞班系统看uc却可以啊 追问。，特别是小图被压缩都是一样的效果?鞘视ζ聊坏 手机自带的有些放大 追问
其他类似问题
为您推荐：
安卓手机的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁手机怎样把浏览器模式改为兼容模式_百度知道
手机怎样把浏览器模式改为兼容模式
提问者采纳
我们手机硬件和系统一版升级不了这些，建议你手机用UC浏览器手机浏览器没有兼容模式，兼容是软件对未升级硬件和系统的旧版兼容，除非换新的
其他类似问题
为您推荐：
浏览器的相关知识
其他1条回答
手机上浏览器没有兼容模式，电脑上才有
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁IE浏览器将浏览的彩色网页变黑白网页的设置方法(办公室上网一族)_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
IE浏览器将浏览的彩色网页变黑白网页的设置方法(办公室上网一族)
上传于||文档简介
&&I​E​浏​览​器​将​浏​览​的​彩​色​网​页​变​黑​白​网​页​的​设​置​方​法​(​办​公​室​上​网​一​族​)
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
你可能喜欢宅男宅女的福利 百度手机浏览器4.0版“夜色模式”_安卓资讯_好卓网
宅男宅女的福利 百度手机浏览器4.0版“夜色模式”
　　每当夜深人静的时候，寂寞就特别的发酵，这对于广大的宅男宅女们来说是深有体会的，白天上班或上学的忙绿或许掩盖掉了寂寞，但是夜晚到来的时候，寂寞却是怎么也赶不走的。
　　8月29日，百度手机浏览器推出了全新的4.0版本。该版本在行业内首次推出了&夜色模式&，帮助宅男们彻底告别了孤单和寂寞，他们只需要打开百度手机浏览器，就可以舒舒服服地躺在床上，畅想曼妙时光下的撩人夜色。
　　家住望京地区融科橄榄城的IT民工李晟(化名)就是百度手机浏览器的资深粉丝。早在今年百度世界期间，他就参加了4.0版本的内测抢码活动，但是李晟没能成为幸运者，因此新版本正式推出后，他就第一时间进行了试用。这一用，让李晟对百度手机浏览器爱不释手。李晟表示，4.0版本绝对是一款颠覆性的产品，真正意义上让手机浏览器从&标准化&产品变成了&个性化&的产品。&对于每一个人来说，百度手机浏览器都是不一样的，甚至即使是同一个人，随着环境、时间、位置的改变，所获得的内容和体会也不一样。&
分享到其他平台:
此前，微软曾发布了Lumia 950系列的手机，只是因为价格太高，很多人都不愿意购买。如果是这样的话，那么定位为入门机的微软Lumia 550就是大家首选的对象了。目前，微软Lumia 550正式开
据悉，三星GALAXY S7将改进指纹识别功能，除此之外，三星GALAXY S7还将新增顶级Hi-Fi芯片。
近些年，提到国产手机，大家就会想到小米，可见小米在国产手机中的地位是很高的。小米手机到底怎么样?小米手机真的好吗?我们现在就来详细的了解一下小米手机吧。
小米Note推出之后，可谓说是备受大家的关注，好评也是很高的。对于喜欢听歌的用户来说，小米手机的音质自然是最关注的一个点。现在我们就一起来了解一下小米Note的音质情况吧。
一、ROM 特色 1. 应群机友的建议和帮助，保持官方原貌下增添部分实用APP编译，精致精简714M、【如果喜欢长期使用又简单的机油可以尝试下】 2. 官方10.5.A.0.233最终版本内核基带 3. 增加
一、ROM 特色 1. 移植Z3的有声照片 2. 移植Z3的的AR趣拍 3. 移植Z3的动态镜头 4. 移植Z3的最新相册 5. 移植Z3的超逼真 6. 移植Z3的XReality 7. 移植Z3的媒体声音 8. 移植Z3的主题和壁纸 9. 移植Z3的
装机必备软件
装机必备游戏}