javascript - firefox/chrome 中的内容 getDistributedNodes 数组，但金丝雀中的 NodeList

Question

我现在正在检查 Polymer。它有一些令人惊叹的功能。我有一个自定义元素，它使用 getDistributedNodes 访问一些分布式节点。在 chrome 和 firefox 中，getDistributedNodes 返回一个数组，而不是 NodeList，但在 chrome canary 中，我得到一个 NodeList。

没有 Polymer(仅使用 shadowDom 且没有自定义元素的更简单的示例)我在 chrome stable 和 chrome canary 中都得到了 NodeList。

其中哪一个应该是正确的返回值，是什么原因造成的？

here is a jsfiddle with Polymer

and without Polymer, no custom element, works only with native shadowDom support, so no firefox)

Answer 1

这是因为在 Chrome(稳定版)和其他浏览器中，Polymer 使用 Shadow DOM polyfill，它包装了 DOM 对象。您无法在 native 创建 NodeList，因此该调用通过返回数组尽可能地模仿 native API。

在 Canary 下(在 about:flags 中启用“实验性 Web 平台功能”)，Polymer 将使用原生 Shadow DOM。原因是 Canary 有许多新的 Shadow DOM 功能/修复/性能优化尚未实现到稳定 channel 的方法。我们正在积极强制 polyfill 直到它达到稳定:)