为什么我的<app-globals>的端口连接到Polymer 1.0，而不是在Firefox / Safari上工作？

Question

我一直在尝试移植<app-globals>元素行为，以将元素之间的变量（illustrated in the Polymer 0.5 Developer Guide）共享到Polymer 1.0。

我已经有了一个完全适用于Chrome和Chrome for Android的元素，但似乎无法在Safari，Firefox或Chrome for iOS上使用。您可以查看the live jsbin。只需在Chrome上打开它就可以看到它正常工作。

为什么它不适用于Safari / Firefox？ 我如何使它工作？

Answer 1

我发现有几个问题阻止了你的工作。我在这个Plunker中有一份代码的工作副本（我在JS Bin遇到了一些问题，这就是我搬到Plunker的原因）。

确保正确链接到脚本（您有href而不是src）。

  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>

如果要在主文档中创建Polymer元素，请收听HTMLImports.whenReady事件（docs）。这可能是Firefox中出现问题的主要原因。

HTMLImports.whenReady(function () {
    Polymer({

注册元素时，需要使用is再次指定ID。

Polymer({
    is: 'demo-test',
    populate: function() {