便利なCSSデバッグツール「XRAY」

11月 2008年

nagai 08:29 AM

イメージ

ブラウザで表示を確認しながらCSSを組む際に、一番便利なツールはやっぱり「Firebug」なのですが、どうもFirebugは高機能すぎて動作が重い気がします。
ただCSSの各プロパティを画面上で見たいだけなんだケドなぁ、という時にちょっと便利なCSSデバッグツール「XRAY」です。

ブックマークレットタイプなので、準備はコチラのサイトからツールバーなどに登録するダケ。
以降はクリックひとつで起動します。

確認したい箇所をクリックすれば、各プロパティの値やID/クラス名が表示されます。
HTMLの構造を追いながら確認することもできます。

とても気軽で便利です。
都合のいいコトにIEもSafariもイケます。

あと、Flashのデバッグツール「Xray」もas3に対応して大変便利。

このエントリーのトラックバックURL: http://c-brains.jp/cgi-bin/mt/###/1715
###はmt-tb.cgiに変更してください。

[TODAY's TOPIC] 23 November, 2008: Prototype.jsを用いたUIライブラリ「Prototype UI」 [JS]省スペースの画像ギャラリーにも最適なlightboxのスクリプト -...

バシャログ。