JavaScriptを使用して簡単なTwitter Safari拡張機能を作成する

Question

Javascriptを使用して簡単なTwitter Safari拡張機能を作成する方法を教えてください。理想的には、ユーザーが画面をスクロールするときに、ツイート投稿のタイトルを見つけてテキストの色を変更したいと考えています。私はtwitterフィードが動的に読み込まれることを知っているので、新しいツイートがユーザーのために読み込まれるたびにスクリプトを実行しなければならないと思います。

私はJavaScriptに非常に新しいんだけど、のようなものを実行する：

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

することで、例えば、stackoverflow.comではなく、Twitterのリンクの色を変更します。

私の質問は、読み込み中につぶやくテキストを動的に取得する方法と、その外観を変更する方法です。ありがとう！

Answer 1

FirefoxまたはChrome Developer Toolsのインスペクタを使用して、特定の要素のクラスとIDを表示できます。例えば、次のようにすべてのつぶやきの背景が赤になるだろうと、コンソールにツイートテキストを記録して

Twitterのつぶやきは、私はそれがあなたの質問に答えを期待

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); 
}