今までChromeで開発を行うことはあまりなく,Edgeの開発者ツールを多用していた.しかし,Bracketsを導入したことでBracketsのデフォルトブラウザがChromeなものだから,Chromeを使うようになりそう.職場では使っているので使いよいことは知っている.
せっかくなのでプラグインを調べていたら,いいものを見つけた.CSSViewerである.これは便利だ.EdgeでもChromeでも実験したい要素に右クリックして「要素の検証」を押さなければならなかった.CSSViewerはアイコンをクリックすればホバーするだけで要素のCSSが見られるのだ.
ホバーしている要素を右クリックするとConsole機能が使える.id名やclass名やstyleなど,要素名や要素のCSSを調べられるのだ.要素の検証を使わなくても日常的にCSSの実装が気になるところを見てみれば,そのうち表現の幅が広がっていきそう.
残念ながら要素の検証は行えないようだし,見られるCSSプロパティはいくつかだけである.ただ,色名がすぐにわかる.この目的だけでも使ってみる価値があると思う.
