2012年2月23日木曜日

CSSのデバッグに使えるかも。Firefox「要素を調査」

この間ブラウジング中に偶然発見したfirefoxの機能が使えるかもしれない。
ページ内で右クリックででるメニューの中に「要素を調査」というものがある。

使ってみると画像のようにページ内のどの部分がdiv#idにあたるかなどが分かる!
右下のスタイルボタンを押せば、cssでどの属性を継承してるかなども分かるスグレモノ。
おまけに左下の調査ボタンを押すと、マウスカーソルがある部分を次から次へと調査できる。

もっと早く気づいていれば自分のサイト制作時にはるかにデバッグしやすかったのではないか…ぐぬぬ。
サイト製作ソフトとかを使ってなくて、唯一ブラウザだけがデバックツールだぜ!って人にはかなり良い機能なんじゃなかろうか。

<ブログランキング参加中、よければ押してってね>
人気ブログランキングへ

0 件のコメント: