FirebugはFirefoxのアドオンで、Webページ閲覧中に、CSS、HTML、JabaScriptを編集したり、デバッグ、モニタすることができます。
そのFirebugにFirebug Japaneseというメニューが日本語化されたものがありました。(英語版でもメニューが違うだけで変わりはありません)
https://addons.mozilla.org/ja/firefox/addon/5165
Firebug Japaneseをアドオンからインストールしたら、Firefoxを再起動
Firefoxの下にあるステータスバー右に
アイコンが表示されます。
表示されない場合は「ツール」から「Firebug」、「Firebugを有効」を選択してください。
まず、
をクリックします。すると下に二つの画面が表示されます。
Javascriptのコマンドを試したいときは左のコンソールの一番下に">>>"が表示されているので、そこにコマンドを入れてエンターを押すと結果が表示されます。
また、HTMLやCSSを編集したいときはそれぞれのタブをクリックしてください。
右の窓でレイアウトをクリックすると図のような画面があらわれ、数値を変えることができ、それが左の窓に表示されているHTMLタグに反映されます。