Question

页面位于http://5heurescod.tk。请检查来源，看看我做错了什么。

它在Chrome上运行良好，但在Firefox上运行良好..我忘了导入某些内容吗？

（编辑：当我说它不起作用时，我的意思是左边的菜单不可点击，而javascript函数getCard（）;应该在start时调用它不会被调用。）

我用过

bower install --save Polymer/polymer
bower install --save Polymer/core-elements
bower install --save Polymer/paper-elements

有什么想法吗？谢谢！

Answer 1

乍一看，我说：

确保首先加载Web组件polyfill（webcomponents.js，以前为platform.js），当然在任何HTML导入之前，因为这包括用于HTML导入的polyfill。
< / LI>
在操作任何DOM或设置CoreStyle属性之前等待polymer-ready事件。您可以在Chrome上使用此功能，因为原生HTML导入的工作方式略有不同 - 但绝对不适用于Firefox或任何没有原生HTML导入的浏览器。

请参阅：https://www.polymer-project.org/0.5/docs/polymer/polymer.html#polymer-ready

Answer 2

在我的情况下，我在elements.html中包含了所有导入（包括webcomponents.js）。我将脚本标记从elements.html移动到index.html并且它有效。我在导入elements.html之前将脚本标记放在右边。结果index.html是：

<head lang="en">
<meta charset="UTF-8">    
<title></title>
<script src="bower_components/webcomponentsjs/webcomponents.js">
</script>

<link rel="import" href="elements.html">
<link rel="stylesheet" href="css/core_toolbar.css">    
</head>

Answer 3

Firefox不支持

html导入，请访问https://www.polymer-project.org/0.5/resources/compatibility.html

而且我不再使用platform.js，现在你应首先包括webcomponents.js，访问https://www.polymer-project.org/0.5/docs/start/platform.html

Answer 4

我遇到了与Firefox相同的问题，我建议您使用polyfill webcomponents-lite.js 而不是 webcomponents.js ，这与smartdevices存在一些问题。正如在 https://www.polymer-project.org/1.0/docs/browsers

中所说的那样

我们建议使用polycompill的webcomponents-lite.js版本   与Polymer 1.0+。此版本旨在与Shady DOM一起使用，   并且不包含完整的Shadow DOM polyfill。

虽然完整的webcomponents.js polyfill适用于Polymer 1.0+，   我们不建议使用它。此版本包含完整的阴影   DOM polyfill，已知具有高性能开销。

您还需要注意标记链接，这在您的网络组件中不起作用，在这种情况下只需将其移动到托管网络组件的页面。

Answer 5

对我来说，事实是我正在加载webcomponents-lite.min.js而不是完整版webcomponents.min.js。

Answer 6

关于网络组件的浏览器支持。

如果浏览器的原生支持不适用于网络组件，那么此"bower_components/webcomponentsjs/"下的{polonfills}需要"webcomponents.js"或"webcomponents-lite.js"。

请参阅：https://www.polymer-project.org/1.0/docs/browsers

我的Polymer网站在firefox上不起作用

6 个答案: