google-chrome - 我的 Polymer 网站在 Firefox 上不起作用

标签 google-chrome firefox polymer

页面在http://5heurescod.tk .请检查来源,看看我可能做错了什么。

它在 Chrome 上运行良好,但在 firefox 上运行良好。我忘记导入某些东西了吗?

(编辑:当我说它不起作用时,我的意思是左侧的菜单不可点击,并且应在开始时调用的 javascript 函数 getCard(); 未被调用。)

我用了

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

任何的想法?谢谢!

最佳答案

乍一看,我会说:

  • 确保首先加载 web 组件 polyfill( webcomponents.js ,以前是 platform.js ),当然在任何 HTML 导入之前,因为这包括 HTML 导入的 polyfill。
  • 等待 polymer-ready操作任何 DOM 或设置 CoreStyle 属性之前的事件。您可能可以在 Chrome 上摆脱这种情况,因为原生 HTML 导入的工作方式略有不同——但绝对不能在 Firefox 或任何没有原生 HTML 导入的浏览器上使用。

    见:https://www.polymer-project.org/0.5/docs/polymer/polymer.html#polymer-ready
  • 关于google-chrome - 我的 Polymer 网站在 Firefox 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26555304/

    相关文章:

    python - 使用 Adblock Plus 扩展打开 Firefox Webdriver (Python)

    jquery - 为什么 jQuery 模板要给某些字符串添加双引号

    javascript - 在授权 header 中设置 token

    css - 输入范围处理程序不会在 Chrome 中呈现

    css - span 标签可以在 Firefox 中继承其输入的高度父级吗?

    javascript - 动态添加 polymer 元素的就绪事件

    python - 如何使用Python将通过Selenium Webdriver打开的网页翻译成英文?

    python - Firefox 和 IE9 中的 Django POST 数据问题,但 Chrome 中没有

    polymer - Polymer 中多态对象集合的模式?

    javascript - 让 core-toolbar 保持在页面顶部