5/5 ウェブの構造把握に便利なFirefoxアドオン「Firebug」 [ホームページ作成] All About

ウェブの構造把握に便利なFirefoxアドオン「Firebug」(5ページ目)

ウェブサイトの構造把握やデザインの試行錯誤に便利なFirefoxアドオン「Firebug」をご紹介。「実際の描画」と「その部分を作っているソース」とを対にして表示したり、その場でソースを修正して表示結果を確認したり、ウェブ作成を強力に支援する機能が満載です。

Firebugのメニューの出し方

Firebugには、いくつかのオプション設定が用意されています。それは、Firebugのメニューから設定できます。メニューは、右図のようにFirebug領域の左上端にあるバグアイコン（虫のアイコン）をクリックすると表示されます。

なお、Firebugが表示されていない状態なら、Firefoxのメニュー「Web開発」→「Firebug」で表示できます。

「要素を調査」機能を使うときに、選択した要素の概要を描画領域の左上にリアルタイムにまとめて表示してくれる「クイック情報ボックス」という機能があります。画面が狭い場合は、この機能が邪魔になって望みの領域を選択できないことがあります。その際は、Firebugのメニューから「オプション」→「クイック情報ボックスを表示」を選択して、ON/OFFを切り替えると良いでしょう。