javascript - 访问采用无限动态滚动的网站元素

Question

我是一个 JavaScript 新手，但我正在尝试创建一个简单的 Chrome 浏览器扩展，它可以突出显示 Twitter 上的文章文本。这个脚本

function myFunction() {
var myNodelist = document.getElementsByClassName("tweet-text");

    for(var i=0; i<myNodelist.length; i++)
        myNodelist[i].style.backgroundColor = "red"
}
var x = myFunction();

将抓取文章文本并以红色突出显示(参见附图)。但问题是，这仅适用于前 10 个帖子左右，直到到达屏幕底部。当动态加载新推文时，脚本不会执行以突出显示新标题。谁能告诉我如何修改此代码片段以在每次加载新文本时执行脚本？谢谢!

Answer 1

您最好使用 content scripts加载一个自定义样式表，该样式表也可以使用 !important 来设置 .tweet-text 类:

.tweet-text {
     background: red !important;
}

希望这有帮助!