アドブロック（uBlockOrigin）などの利用が制限されているサイトで、CSSセレクタで指定した要素を非表示にする方法。




自分でブラウザのアドオンや拡張機能を作成するよりも、Tampermonkeyのような任意のサイトでJavascriptを実行させる拡張機能を使う方が手っ取り速い。


Tampermonkeyを使ったやり方。

  1. Userscript
    // ==UserScript==
    // @name         New Userscript
    // @namespace    http://tampermonkey.net/
    // @version      2024-07-19
    // @description  try to take over the world!
    // @author       You
    // @match        ここにJavascriptを実行させたいサイトのURLを記述します。
    　　　　　　　ワイルドカードを使用することができます。
    　　　　　　　例：
    　　　　　　　　https://www.xxxx.com/XXXXX/*
    // @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
    // @grant        none
    // ==/UserScript==
  2. function

        var targetSelectors='selector1,selector2,......';
        var strArray=targetSelectors.split(',');
        strArray.forEach(selector => {
            console.log(selector);
            var itemsArray = document.querySelectorAll(selector);
            itemsArray.forEach(item =>{
                // console.log(item);
                if (item != null && item != undefined) {
                    item.style.display="none";
                    // console.log(item);
                    // item.remove();
                }
            });
        });


    targetSelectorsには、対象とする要素のCSSセレクタをカンマ区切りで列挙します。

  3. デバッグ
    あとは、特定サイトで動作確認します。
    スクリプト内にログ出力を追加、WebDeveloperToolsを有効にして、Consoleで動作確認してください。