Youtube用のChrome拡張機能を作ってストアに配信してみた。

├── content.js（実際に動かすファイル）
├── manifest.json（設定ファイル）　
├── icon.png（拡張機能のアイコン画像）

{
  "name": "Show All YouTube Chats by Default",
  "version": "1.0.0",
  "manifest_version": 3,
  "description": "YouTubeのデフォルトチャット表示をトップチャットからすべてのチャットに変更します。",
  "icons": {
    "96": "icon48.png"
  },
  "content_scripts": [
    {
      "matches": ["*://www.youtube.com/*"],
      "js": ["content.js"]
    }
  ]
}

/*チャット選択ボタンの生成判定後、存在すれば「すべてのチャット」ボタンをクリック*/
const buttonClick = () => {
  const chatFrame = document.getElementById("chatframe");
  if (chatFrame == null) {
    setTimeout(buttonClick, 1000);
    return;
  }
  const chatButton = chatFrame.contentWindow.document.querySelectorAll(
    ".yt-simple-endpoint.style-scope.yt-dropdown-menu"
  );
  if (chatButton[chatButton.length - 1] == null) {
    setTimeout(buttonClick, 1000);
    return;
  }
  chatButton[chatButton.length - 1].click();
};

/*ObserverがiconImageの変化を感知した際の処理*/
const observer = new MutationObserver(() => {
  /*ページ遷移の際にチャット欄が再生成されるので一度削除*/
  const chatFrame = document.getElementById("chatframe");
  if (chatFrame != undefined) {
    const chathtml = chatFrame.contentWindow.document.querySelector("html");
    chathtml.removeChild(chathtml.lastElementChild);
    buttonClick();
  }
});

/*Observer設定*/
const config = {
  attributes: true,
  attributeOldValue: true,
  attributeFilter: ["href"],
};

/*アイコン画像の生成待ち*/
const iconImagePolling = (iconImg) => {
  if (iconImg == null) {
    setTimeout(iconImagePolling(iconImg), 1000);
    return;
  }
};

/*初期処理*/
const init = setInterval(() => {
  const iconImg = document.querySelector(
    ".yt-simple-endpoint.style-scope.ytd-video-owner-renderer"
  );
  if (iconImg != null) {
    observer.observe(iconImg, config);
    clearInterval(init);
    buttonClick();
  } else {
    iconImagePolling(iconImg);
  }
}, 1000);