【问题标题】:How do I debug a WordPress theme for IE9?如何为 IE9 调试 WordPress 主题?
【发布时间】:2011-04-23 12:00:07
【问题描述】:

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

但是,我真的很喜欢我正在使用的主题,我已经使用了很多年了,我真的不想仅仅因为IE9。

那么,找出导致 IE9 空白我的网站的最佳方法是什么?

【问题讨论】:

    标签: php wordpress wordpress-theming internet-explorer-9


    【解决方案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,然后再次测试。

    【讨论】:

    • 谢谢。我看到我的网站出现了 很多 的验证错误。奇怪的是,IE9 没有为我显示validator.w3.orgeither - 我必须在 Firefox 中去那里。读完你可以在 IE9 中看到我的网站后,我尝试卸载我的 IE9 更新,重新启动,再次下载 IE9,再次安装并重新启动,没有任何变化:我的网站和 validator.w3.org 都没有显示(尽管其他网站是美好的)。我在 Win7 64 位上使用 IE9。我不知道有多少其他人注意到了问题。
    • 我会纠正那些验证问题,但是(鉴于 validator.w3.org 也没有为我显示,而且显然是有效的 HTML)我不认为这是我的问题。
    • 奇怪,我想我现在没有想法。作为记录,我使用的是 Windows 7 Ultimate 64 位。
    • 我做了一些谷歌搜索,尝试禁用硬件渲染,请参阅这篇文章:blastingvolume.com/2010/09/internet-explorer-9-blank-pages-fix.html 虽然我没有看到它不会影响所有网站的原因。还要确保您的图形驱动程序是最新的。
    • 谢谢,我试过了。没运气。但是,查看 F12 窗格,我可以看到所有页面内容都在其中 - 它只是没有显示。但是,如果我删除所有 CSS 链接,文本和图像都会按预期显示(但显然页面看起来很糟糕)。我恢复了 CSS 链接并安装了 Fiddler,但它没有显示从服务器获取 CSS 文件的任何问题。似乎 IE9 中的某些东西在获得 CSS 时不想使用它。
    【解决方案2】:

    你可以试试:

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

    作为一种解决方法,直到问题得到解决。

    【讨论】:

    • 谢谢。不幸的是,在将它添加到我的 header.php 文件后,页面仍然没有在 IE9 中显示(对我来说)。
    【解决方案3】:

    问题解决了:

    我最终发现了 IE9 中空白页的答案 - 或者某些网站的页面显示不正确。这是 IE9 中的一个已知错误。它不喜欢 Helvetica。此错误仅在您实际安装了 Helvetica 时才会出现,这就是大多数人没有遇到问题的原因,但如果您确实安装了 Helvetica 并且您浏览到像 validator.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]-->    
      

      【讨论】:

      • 最好包含一个简短的解释,而不仅仅是代码。您能否通过代码如何解决问题的简短摘要来更新您的答案?
      • 是的,正如@Leigh 所建议的那样,如果您在代码的作用中添加更多描述,它不仅会帮助 OP,而且还会帮助其他正在寻找类似内容的用户......顺便说一句如果他们喜欢,你也会得到upvoted! ;)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-02-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-04-05
      相关资源
      最近更新 更多