Javascript 如何从浏览器扩展/用户脚本编辑和排序聚合铁列表？

我想写一个Chrome扩展，在一个使用Polymer和

显示数据的站点上，为每个列表条目添加一些数据。我没有聚合物或网络组件的经验，但似乎我需要编辑使用的模板；对吗

该站点有一个

标记，其中包含一个空的

，然后是

，该标记又包含一个

，后面是一组列表条目（使用自定义标记）。
列表条目是延迟加载的，因此一次只存在大约20个条目，即使列表要大得多

模板标记在DevTools中看起来是空的（它只显示“#document fragment”），我也没有成功地使用JavaScript取得任何进展

之后的下一步是根据我添加到列表中的一些数据对列表进行排序

---

我怎样才能继续？一般来说，我需要知道什么才能开始在这个项目上取得进展？

只是说，有两个版本的webcomponents

浏览器（chrome）本机支持的是

shadowroot

，也称为

shadowdom

还有那些需要多填充的

这两个版本非常不同。您用#document fragment描述的是polyfill（可能是），我从未找到如何编辑

的解决方案。在您的情况下，这将更加困难，因为您不知道它使用什么绑定，您无法看到内部等等。很难做到这一点

---

我在stackoverflow上还没见过这么熟悉聚合物的人

至于排序，我找到了一个可能的解决办法。使用注入的脚本，可以获取document.querySelector（“铁名单”）.items，对其进行排序，用排序后的列表替换项，然后调用document.querySelector（“铁名单”）.notifyResize（）重新绘制列表。然而，我还没有彻底测试可靠性。