select-all-history-checkboxes.md

chrome://history/ のチェックボックスを一括選択する方法 by ChatGPT

DevTools 「Snippets」で保存して使い回す

同じコードを毎回ペーストするのは面倒なので、 Chrome に元から入っている Snippets 機能を使うのがいちばん楽です。

Snippet を作る手順（最初に1回だけ）

1. chrome://history/ を開く

2. F12 で DevTools を開く

3. 上のタブから 「Sources」 を選ぶ

4. 左側のペインにある 「Snippets」 をクリック

   • 見当たらなければ、左ペインの >> を押すと出てきます

5. ＋ New snippet をクリック

6. 名前を付ける（例：select-all-history-checkboxes）

7. そこに次のコードを貼り付けます：

// chrome://history/ の表示中アイテムをすべて選択
(() => {
  const app = document.querySelector('history-app');
  if (!app || !app.shadowRoot) return;

  const list = app.shadowRoot.querySelector('history-list');
  if (!list || !list.shadowRoot) return;

  const items = list.shadowRoot.querySelectorAll('history-item');
  items.forEach(item => {
    const checkbox = item.shadowRoot?.querySelector('cr-checkbox#checkbox');
    if (!checkbox) return;
    // すでにチェックされていなければ click して official な挙動をトリガー
    if (!checkbox.hasAttribute('checked')) {
      checkbox.click();
    }
  });

  console.log(`選択した件数: ${items.length}件（画面に表示されている分だけ）`);
})();

これで「保存」完了です（Snippets は自動保存されます）。

---

毎回の使い方

1. chrome://history/ を開く

2. 履歴をたくさん表示させたいところまでスクロールする

   • ※無限スクロールなので、「画面に出ているぶん」しか一度に対象になりません

3. F12 で DevTools → 「Sources」 → 「Snippets」

4. 作ったスニペット（select-all-history-checkboxes）を選ぶ

5. キーボードで

   • Windows / Linux: Ctrl + Enter
   • Mac: Cmd + Enter を押すと、そのタブ上でスクリプトが実行されます

これで、前に書いたコードを毎回コピペしなくても、 **「DevTools開く → Snippet開く → Cmd/Ctrl+Enter」**だけで実行できます。

---

たくさん削除したいときの流れ

1. chrome://history/ で検索などして絞る
2. 下までスクロールして履歴をたくさん表示
3. Snippet を実行して、全部チェック
4. 「削除」ボタンで削除
5. さらに下へスクロール（新しい履歴がロードされる）
6. もう一度 Snippet を実行 …を必要な分だけ繰り返す、という運用になります。