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

时间:2017-05-09 22:22:00

标签: javascript google-chrome-extension polymer iron-list

我想编写一个Chrome扩展程序,为使用Polymer和<iron-list>显示数据的网站上的每个列表条目添加一些数据。我没有使用Polymer或Web Components的经验,但看起来我需要编辑使用的模板;那是对的吗?

该网站的<iron-list>标记包含空<array-selector id="..."></array-selector>,然后是<div>,其中包含<template id="..."></template>,后跟一堆列表条目(使用自定义)标签)。
 列表条目是延迟加载的,因此一次只存在大约20个条目,即使列表中的条目也要大得多。

模板标签在DevTools中看起来是空的(它只显示&#34;#document-fragment&#34;),而且我还没有成功地使用JavaScript。

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

我该怎么办?一般来说,我需要知道什么才能开始在这个项目上取得进展?

1 个答案:

答案 0 :(得分:0)

只是说,有两个版本的webcomponents。

浏览器本身支持的浏览器(chrome)shadowroots也称为shadow-dom

需要填充的那些。

这两个版本非常不同。你用#document-fragment描述的那个是polyfill(可能),我从来没有找到如何编辑<template>的解决方案。在你的情况下,它会变得更加困难,因为你不知道它使用什么绑定,你不能看到内部等等。很难让它发挥作用..

我还没有在stackoverflow上看到过这么好的聚合物知识。