如何调试IE9的WordPress主题？

我的WordPress博客(www.itauthor.com)在IE7, IE8, Chrome和Firefox中显示良好。但是, 即使我F12并更改显示模式, 它也不会在IE9中显示。禁用所有活动的WordPress插件并不能解决问题, 但是切换到另一个主题可以解决问题-因此我的主题中有IE9不喜欢的东西。

但是, 我真的很喜欢我正在使用的主题, 多年来我一直在使用它, 我真的不想因为IE9而不得不切换主题(并且要面对数小时的PHP调整)。

那么, 找出导致IE9空白的原因的最佳方法是什么？

#1

尝试将你的网站通过验证程序, 以查看潜在的问题。

http://validator.w3.org/

存在很多问题, 最好确保你的标记与你的文档类型匹配。你还应该在doctype声明之前删除所有空格(有3行空白行)

由于你的文档类型是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, 然后再次进行测试。

#2

你可以尝试：

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

解决此问题之前的解决方法。

#3

问题解决了：

最终, 我找到了IE9中空白页面的答案-或某些网站无法正确显示的页面。这是IE9中的已知错误。它不喜欢Helvetica。仅当你确实安装了Helvetica时, 此错误才会显现出来, 这就是为什么大多数人没有遇到此问题的原因, 但是如果你确实安装了Helvetica并浏览到诸如validateator.w3.org这样的网站(在撰写本文时), 使用此字体, 则部分或全部页面将不会显示在IE9中。

访问他人站点(一个麻烦的站点)的解决方案是在计算机上卸载Helvetica, 然后IE9将仅使用页面CSS中列出的下一个已安装字体。

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

我发现令人惊讶的是, 在得知该错误的几个月后, 微软仍然还没有全面解决该问题。

#4

<!--[if (gt IE 9)|!(IE)]><!-->   
    <script src="http://livedemo00.template-help.com/wordpress_45311/wp-content/themes/CherryFramework/js/jquery.mobile.customized.min.js" type="text/javascript">    </script>    
    <script type="text/javascript">    
        jQuery(function(){    
            jQuery('.sf-menu').mobileMenu({defaultText: "Navigate to..."});    
        });    
    </script>    
    <!--<![endif]-->