DebuCSSer


DebuCSSerは超シンプルなCSSデバッグツールです。Webサイト制作時のワークフローを邪魔しない、という点を重視しているようで手軽にアウトラインや要素のID、class、高さや幅を確認できるようになっています(※ ¯\_(ツ)_/¯が表示されるのは空という意のようです)。Devtools等でいいんじゃ、という気もしますがこれはこれで良いのかもしれない。簡単なJSで出来ており、Ctrl押しながらマウスホバーするだけで確認でき、Ctrl+shiftで全要素のアウトライン表示も出来るのでとにかく手軽さが良い点という印象です。カスタマイズすれば日本語で使えますし、IDやclass以外も確認できるようにする事も出来そうです。ライセンスはMITとのこと。

DebuCSSer