2019年09月12日(木)

CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」

• 0
• 4
• 7
• 15

debugCSS.js

debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。

何をしてくれるかは上サンプルの通り、要素にアウトラインを引くだけです。色はランダムです。

オプションで指定した要素を対象外にする事が出来ます。まぁこれだけなんですが。

コード

var selector = document.querySelectorAll("*");

セレクタはデフォルトでは全部指定されています

else if (typeof options.selector === "undefined") { var selector = document.querySelectorAll(`*:not(${options.not}) > *`); }

オプション設定されたときは:notを付けて対象外にする

function randomColor() { var letters = '0123456789ABCDEF'.split(''); var color = "#"; for (var i = ...