如何從瀏覽器擴展程序/用戶腳本中編輯聚合物鐵清單並對其進行排序？

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>的解決方案。 在您的情況下，這將更加困難，因為您不知道它使用的是什么綁定，您看不到內部等等。 很難使它工作..

我在堆棧溢出方面還沒有見過這么了解聚合物的人。