Question

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

我是否缺少一个阻止我在Chrome以外的浏览器上正常生成内容的步骤，包括Chrome for Android？

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

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

Answer 1

我经常看到这个问题，但我注意到每次发布聚合物时，这都会变得更好。更好。我希望随着0.8的性能变化，我们根本不会看到这一点，但我只是在猜测。

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

聚合物 - 使内容显示在非Chrome浏览器中

1 个答案: