如何从浏览器扩展程序/用户脚本中编辑聚合物铁清单并对其进行排序？

Question

我想编写一个Chrome扩展程序，以将一些数据添加到使用Polymer和<iron-list>来显示数据的网站上的每个列表条目中。 我没有Polymer或Web Components的经验，但是好像我需要编辑所使用的模板。 那是对的吗？

该站点有一个<iron-list>标记，其中包含一个空的<array-selector id="..."></array-selector> ，然后是<div> ，而<div>则包含一个<template id="..."></template> ，然后是一堆列表条目（使用自定义标记）。
列表条目是延迟加载的，因此一次仅存在约20个，即使列表很大。

模板标记在DevTools中看起来是空的（它只显示“＃document-fragment”），而且我也没有成功使用JavaScript。

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

我该如何进行？ 我通常需要知道什么才能开始在该项目上取得进展？

Answer 1

只是说，有两个版本的Web组件。

浏览器（chrome）本地支持的那些是shadow-dom shadowroots也称为shadow-dom 。

还有那些需要填充的东西。

这两个版本有很大的不同。 您正在使用＃document-fragment描述的那个是使用polyfill（适当地），而我从未找到关于如何编辑<template>的解决方案。 在您的情况下，这将更加困难，因为您不知道它使用的是什么绑定，您看不到内部等等。 很难使它工作..

我在堆栈溢出方面还没有见过这么了解聚合物的人。