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

【问题标题】：Creating a simple Twitter Safari extension using JavaScript使用 JavaScript 创建一个简单的 Twitter Safari 扩展
【发布时间】：2017-05-28 03:30:13
【问题描述】：

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

我对 JavaScript 很陌生，但执行以下操作：

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

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

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

【问题讨论】：

我希望能回答你的问题。如果您从其他问题中得到满意的答案，您应该标记一个选定的答案。你接受的每个答案都会得到两分。您现在也有足够的代表来投票；）。祝你好运。

标签： javascript html twitter

【解决方案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);
}

【讨论】：