浏览器模式和文档模式如何播放.docVIP

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 从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 clear / add name=X-UA-Compatibl