chrome拡張でMutationObserver使ってリアルタイムにconsoleにツイート表示するコード

content.js

// Mutation Observerの設定
const targetNode = document.body; // 監視対象の要素
const config = { childList: true, subtree: true };

// 新しいtweet要素が追加された時に行う処理
const tweetObserverCallback = function(mutationsList, observer) {
  for(const mutation of mutationsList) {
    if (mutation.type === 'childList') {
      // [data-testid="tweet"]要素が追加された場合に実行する処理
      const newTweets = document.querySelectorAll('[data-testid="tweet"]');
      
      // ここで新しいtweet要素に対する処理を行います
      newTweets.forEach(tweet => {
        console.log(tweet.textContent);
      });
    }
  }
};

// Mutation Observerの作成
const tweetObserver = new MutationObserver(tweetObserverCallback);

// 監視を開始する
tweetObserver.observe(targetNode, config);