Question

如何使用Javascript创建简单的Twitter Safari扩展？理想情况下，当用户向下滚动屏幕时，我希望找到推文帖子并更改其文本颜色。我知道twitter feed是动态加载的，所以我想每次为用户加载新推文时都必须执行脚本。

我是JavaScript的新手，但执行的操作如下：

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

会改变链接颜色，例如stackoverflow.com，但不会改变Twitter。

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

Answer 1

您可以使用Firefox或Chrome Developer Tools中的检查器查看给定元素的类和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);
}

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

1 个答案: