javascript - 使用 google chrome 扩展在 facebook 帖子中添加额外按钮

Question

我成功地跟踪了所有包含与每个 Facebook 帖子(状态、图像等)关联的链接的“uiStreamSource”，以在日期旁边添加一个额外的按钮，以使用 google chrome 扩展执行一些其他任务。此按钮执行预定义的工作，在此上下文中无需提及。

我写了这个内容脚本:

contentscript.js

var nodeslist=document.getElementsByClassName("uiStreamSource");
alert(nodeslist.length);

每次加载 Facebook 页面时，警报都会显示 10 个检测到的类别(即 10 个帖子)。但是当我向下滚动时，会出现新帖子，并且此代码无法检测到它们。由于我需要更新所有帖子中的所有 uiStreamSource 节点，我该如何解决这个问题？

更新

我在 contentscript.js 中尝试了这段代码:

load();
document.addEventListener("DOMNodeInsertedIntoDocument", load, false);

function load(){
    var nodeslist=document.getElementsByClassName("uiStreamSource");
    alert(nodeslist.length);
}

第一次运行时，我得到了当前节点的正确数量(当前 facebook 帖子)，但是一旦我向下滚动并获取更多帖子，就会出现警报，指示调用了加载函数，但打印了节点数是 0。这是为什么？

提前致谢。

Answer 1

您可以添加一个 DOMNodeInserted 事件，并通过检查其类来检查要插入的元素是否为帖子。

或者一个简单的解决方案是使用 jcade插入。当插入指定选择器的元素时，它可以调用回调函数。