如何为IE9调试WordPress主题？

Question

我的WordPress博客(www.itauthor.com)在IE7、IE8、Chrome和火狐浏览器上显示都很好。但是，即使我F12并更改了显示模式，它在IE9中也不会显示。禁用所有活动的WordPress插件并不能解决问题，但是切换到另一个主题可以解决这个问题--所以我的主题中有一些IE9不喜欢的地方。

然而，我真的很喜欢我正在使用的主题，我已经使用它很多年了，我真的不想仅仅因为IE9而切换主题(还要面对几个小时的PHP调整)。

那么，追踪是什么导致IE9将我的网站置空的最好方法是什么呢？

Answer 1

问题已解决：

我最终发现了IE9中空白页面的答案--或者一些网站的页面不能正确显示。这是IE9中的一个已知错误。它不喜欢Helvetica。这个错误只有在你实际安装了Helvetica的情况下才会显现出来，这就是为什么大多数人不会遇到这个问题，但是如果你确实安装了Helvetica，并且你浏览了一个像validator.w3.org这样的网站(在写这篇文章的时候)，那么页面的一部分或全部将不会在IE9中显示。

访问其他人的网站(一个极端的)的解决方案是卸载你计算机上的Helvetica，然后IE9将只使用页面的CSS中列出的下一个安装的字体。

如果你是一个网站所有者，你想为其他人修复你的网站，解决方案是从你网站的样式表中删除Helvetica。

我发现令人惊讶的是，在这个bug被发现几个月后，微软仍然没有时间来修复它。

Answer 2

尝试通过验证器传递您的站点以查看潜在问题。

http://validator.w3.org/

有相当多的问题，最好确保您的标记与您的doctype匹配。您还应该删除doctype声明之前的所有空格(有3个空行)

因为您的doctype是XHTML，所以您必须正确地结束标记。顶部的三个css链接标记未闭合，请将它们更改为：

    <link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/blueprint-wp.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/print.css" type="text/css" media="print" />

您还将关闭一些未打开的段落标记。只需在验证器页面上解决问题即可。

尽管存在所有问题，我还是使用默认设置全新安装了IE9，并且您的页面呈现得很好。如果您安装了任何IE加载项，请确保使用开始菜单中的快捷方式运行没有加载项的IE9，然后再次测试。

Answer 3

您可以尝试：

<meta http-equiv="X-UA-Compatible" content="IE=8" />

作为解决方法，直到问题得到解决。