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




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


Tampermonkeyを使ったやり方。

  1. Userscript
    // ==UserScript==
    // @name         New Userscript
    // @namespace    http://tampermonkey.net/
    // @version      2024-07-19
    // @description  指定した時間経過後に、要素を非表示にする
    // @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

       
    (function() {
        'use strict';

        window.setTimeout(() => {
            var targetSelectors='#interstitial';
            var selectorsArrya=targetSelectors.split(',');
            selectorsArrya.forEach(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();
                    }
                });
            });
        }, 1000 /*1秒後*/);
    })();

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

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