Polymer - 让内容出现在非 Chrome 浏览器中答案

【问题标题】：Polymer - Getting content to appear in non-Chrome browsersPolymer - 让内容出现在非 Chrome 浏览器中
【发布时间】：2015-03-12 17:41:31
【问题描述】：

我在我正在开发的网站中使用 Polymer，并且在 Google Chrome 中开发时获得了一致的结果。但是，当我在其他浏览器（IE11、FireFox 32、Android 上的 Chrome）中测试内容时，我只看到一个空白屏幕，或者偶尔看到没有格式化的纯内容。根据Polymer's Browser Compatibility page，我不应该期望这些功能在其他浏览器上正确呈现（Android 上的 Chrome 除外）。但是，PolyMail 和 Kitteh Anonymous 之类的页面在这些浏览器上可以正常呈现，尽管会稍有延迟。

我是否遗漏了一个步骤，使我无法在 Chrome 以外的浏览器（包括 Android 版 Chrome）上看到正确生成的内容？

以下是我的页面的示例框架。我观察到有些使用模板和自定义元素，但我不确定我需要进行哪些更改才能使其在 Chrome 桌面版之外正常运行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

    <title>My Polymer Site</title>

    <!--Initialize Polymer-->
    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
    <link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">
    <link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
</head>

<body unresolved fullbleed>
    <core-drawer-panel id="site-container-panel">
        <core-header-panel id="site-nav" drawer>
            <!-- drawer header panel content here -->
        </core-header-panel>
        <core-header-panel mode="waterfall-tall" main>
            <!-- main header panel content here -->
        </core-header-panel>
    </core-drawer-panel>
</body>
</html>

【问题讨论】：

标签： html google-chrome browser cross-browser polymer

【解决方案1】：

我经常看到这个问题，但我确实注意到，随着 Polymer 的每个版本，这个问题变得越来越好。我希望随着 0.8 的性能变化，我们根本不会看到这一点，但我只是在推测。

也就是说，请确保您使用的是 Polymer 的最新稳定版本。如果您可以发布一个我可以调试的网址，我可以研究与此相关的其他潜在问题。我很乐意尽我所能，我理解它是否是一个客户站点。如果它是私有的，那么也许您可以在 codepen.io 或 ele.io 示例中重新创建代码。这不是最佳的，但它可能足以调试。

【讨论】：

我更新了我的 Polymer 包，该网站在 IE11 中运行！但是，我仍然在 Android for Chrome 中看到一些问题，但这可能是我测试它的方式（通过 XAMPP 连接到本地主机）的问题。我实际上是在使用 Polymer 作为 WordPress 主题的一部分，所以我可能只有在它发布时才能看到真正的产品。我会将您的答案标记为正确，并希望移动版本获得最好的结果。感谢 Erik 的提示！