如何调试IE9的WordPress主题?


How do I debug a WordPress theme for IE9?

我的WordPress博客(www.itauthor.com)在IE7, IE8, Chrome和Firefox中显示良好。然而,它根本不显示在IE9中,即使我按下F12并改变显示模式。禁用所有激活的WordPress插件并不能解决问题,但切换到另一个主题可以——所以我的主题中有一些东西是IE9不喜欢的。

然而,我真的很喜欢我正在使用的主题,我已经使用它很多年了,我真的不想要转换主题(并且面对几个小时&因为IE9,我花了几个小时调整PHP。

那么,什么是最好的方法来跟踪是什么导致IE9空白我的网站?

试着让您的站点通过一个验证器来查看潜在的问题。

http://validator.w3.org/

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

由于doctype是XHTML,因此必须正确地关闭标记。顶部的三个css link标签没有关闭,将它们更改为:

    <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并再次测试。

你可以试试:

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

作为解决问题的方法。

问题解决:

我最终在IE9中找到了空白页面的答案-或者某些网站的页面无法正确显示。这是IE9中一个已知的bug。它不像Helvetica字体。这个bug只有在你安装了Helvetica的情况下才会出现,这就是为什么大多数人不会遇到这个问题,但是如果你安装了Helvetica,并且你浏览到一个像validator.w3.org这样的网站(在撰写本文时)使用这种字体,那么部分或全部页面将无法显示在IE9中。

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

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

我觉得很奇怪,在微软知道这个错误几个月后,还没有抽出时间来修复它。

<!--[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]-->