使用IE9开发人员工具测试IE7和IE8 - 正确的文档模式来复制旧版本？

Question

我正在构建一个包含HTML5元素的网站，如果以前版本的IE会一直播放，我会更喜欢它，所以我使用googlecode的HTML5shim javascript。

我必须测试IE7和IE8的唯一方法是使用IE9上的开发人员工具来切换浏览器模式和文档模式。

即使使用垫片，如果我选择IE7或IE8浏览器模式及其相关的标准模式，文档也相差甚远 - HTML5元素的行为不像div（我的印象是shim用div替换所有新元素）。

如果我选择IE7和IE8的怪癖模式，该网站看起来或多或少应该如何，这让我希望我可以修复任何剩余的问题，而不必诉诸剥离HTML5元素。

因此，如果您使用的是带有HTML5文档类型的IE7或IE8，它们会在怪癖或标准中运行吗？

另外，我是否可以相信我在IE9中看到的模仿旧版本的内容是旧浏览器的用户实际看到的内容？

Answer 1

我要伸出我的脖子说不。 你不能相信IE9仿效旧版本。

我最近遇到了一些关于IE9模拟IE8的问题，使用X-UA兼容的IE = EmulateIE8来强制通过IIS进行IE8渲染。 我必须说一切都很好，直到我从Jquery 1.4.3升级到Jquery 1.6.1。 我开始在Jquery使用$("#myObject");选择DOM对象时遇到一些奇怪的问题$("#myObject");

但在视觉上一切看起来都不错，但IE9的DOM却不太好。 在升级到IE9之前一切正常，如果Jquery 1.6.1正常工作，测试可能会再次降级到IE8。 但根据我的经验，我不认为你可以信任IE9模拟旧浏览器，最好的办法是用旧的浏览器设置一个可以给你更好结果的虚拟机。 我打算这样做，而是使用旧浏览器的VM（IE8）。

更新

我采用VM路由方式，更容易以这种方式测试IE8，所以我所做的就是设置安装了IE8的VM。

Answer 2

IE8和IE9中的兼容模式旨在让您完全按照自己的要求进行测试 - 在您的计算机上只有一个版本的IE时测试您的网站所有IE版本。

原则上这是一个好主意。 不幸的是，微软搞砸了。 虽然兼容模式确实复制了IE7和IE8，但它们也有自己的错误和问题，这些错误在父浏览器和他们试图模拟的浏览器中都不会发生。

实际上，兼容模式实际上是另一组不同的浏览器。 您不能依赖它们来准确地向您显示您的网站在IE7中的样子，但同时您仍然需要使用它们进行测试，以防您的用户因任何原因在兼容模式下运行。

您还询问了怪癖模式和标准模式。 请注意，“怪癖模式”与兼容模式无关。

Quirks模式在IE中由页面顶部没有<!DOCTYPE>声明的站点触发。 这是在使用IE6引入标准模式时引入的，以允许站点继续在旧版本的IE中工作。 因此，Quirks模式实际上是IE5兼容模式。 今天绝对没有理由在任何网站中使用怪癖模式，因此您应该始终指定doctype（最好是HTML5 doctype）。 如果您的网站在怪癖模式下看起来不错，而不是在标准模式下，那么您需要修复您的网站。

HTML5 doctype <!DOCTYPE html>将在IE6及更高版本的所有IE版本中触发标准模式。 实际上，这个doctype是由HTML5标准团队专门选择的，因为它是在所有现有浏览器中都可以使用的最短的doctype。

关于HTML5Shim：我在使用基本填充程序时遇到了一些麻烦。 我从来没有追查过这个问题，但我通过使用Modernizr解决了这个问题。 它具有与基本填充程序相同的功能，以及用于浏览器兼容性检查的一系列其他有用功能。

你对垫片做什么的印象有点错误：它不会用div替换元素。 它实际上做的是使用Javascript创建每个新HTML5元素的虚拟版本。 这利用了IE中的一个怪癖，如果一个元素的实例是通过Javascript创建的，它就会将元素识别为有效的HTML。 （这是一个奇怪的怪癖，但事实证明黑客迫使IE接受现代标准是有用的。

希望有所帮助。

Answer 3

记得在这些元素上设置display:block 。 像这样的规则：

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

在你的CSS中会有所帮助。

Answer 4

我对ie7 / ie8 / ie9测试的回答是使用Sun Oracle的VirtualBox。 它适用于Windows，Mac和Ubuntu！ 它包含Windows框和IE版本的真实图像。

https://www.virtualbox.org/wiki/Downloads

http://osxdaily.com/2011/09/04/internet-explorer-for-mac-ie7-ie8-ie-9-free/

这对我测试旧版本的工作非常有用。

使用IE9开发人员工具测试IE7和IE8 - 正确的文档模式来复制旧版本？

问题描述

4 个解决方案

解决方案1
6 2011-06-27 10:23:21

解决方案2
4 2011-06-27 10:28:29

解决方案3
4 已采纳 2011-06-27 10:35:29

解决方案4
0 2013-01-05 04:05:31

使用IE9开发人员工具测试IE7和IE8 - 正确的文档模式来复制旧版本？

问题描述

4 个解决方案

解决方案1 6 2011-06-27 10:23:21

解决方案2 4 2011-06-27 10:28:29

解决方案3 4 已采纳 2011-06-27 10:35:29

解决方案4 0 2013-01-05 04:05:31

解决方案1
6 2011-06-27 10:23:21

解决方案2
4 2011-06-27 10:28:29

解决方案3
4 已采纳 2011-06-27 10:35:29

解决方案4
0 2013-01-05 04:05:31