使用JavaScript创建一个简单的Twitter Safari扩展

Question

如何使用Javascript创建一个简单的Twitter Safari扩展？理想情况下，我想找到推特帖子的标题，并在用户向下滚动屏幕时更改它们的文本颜色。我知道twitter提要是动态加载的，所以我想每次为用户加载新的tweet时都必须执行脚本。

我对JavaScript很陌生，但执行的东西类似于：

var myNodelist = document.getElementsByClassName("question-hyperlink");
myNodelist[0].style.backgroundColor = "red"

将在stackoverflow.com上更改链接颜色，但不会在Twitter上更改。

所以我的问题是，如何在加载推文时动态抓取推文文本，以及如何改变其外观？谢谢

Answer 1

您可以使用Firefox或Chrome开发工具中的检查器来查看给定元素的类和id。

Twitter推文的类名为tweet，因此，例如，以下操作将使推文的所有背景都变为红色，并将推文文本记录到控制台中。。

var myNodelist = document.getElementsByClassName("tweet");
for(var i=0; i<myNodelist.length; i++){
// change the background to red
myNodelist[i].style.backgroundColor = "red"
// get the actual tweet text
var tweet = myNodelist[i].getElementsByClassName('TweetTextSize')[0].textContent.trim();
console.log(tweet);
}