javascript - 每当请求资源时运行 Chrome 内容脚本

Question

Chrome 内容脚本能够访问页面的元素。目前，我使用以下代码来读取段落标记之间的所有文本:

$(document).ready(function(){
    $("p").each(function(){
        console.log($(this).text() );
    });
})

代码将返回所有文本。然而，在像 Facebook 这样内容不断更新的页面中，之后引入的段落不会被记录。

我在 Facebook 上注意到，每当我滚动到页面底部时，就会加载一个包含名为 LitestandMoreStoriesPagelet 的附加文本的文档。有没有办法在扩展中意识到正在发出这样的请求(或任何与此相关的请求)，然后调用 JavaScript 函数来记录文本？

我的第一次尝试让我想到了这个 question ，但我认为它不相关，因为它与选项卡更改时相关，而不是加载资源时相关。

Answer 1

尝试使用 MutationObserver 来检测页面 HTML 的更改。您可以注册一个新的观察者，然后从更改的元素中读取新的 p 元素文本。更多信息:https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver