debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウトラインを引くだけです。色はランダムです。 オプションで指定した要素を対象外にする事が出来ます。まぁこれだけなんですが。 コードvar selector = document.querySelectorAll("*");セレクタはデフォルトでは全部指定されています else if (typeof options.selector === "undefined") { var selector = document.querySelectorAll(`*:not(${options.not}) > *`); }オプション設定されたときは:notを付けて対象外にする function randomCol
![CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)