Firebug1.0のベータ版が出ていたので入れてみました。「JavaScriptのデバッグ用拡張機能」くらいの認識しかなかったなかったのですが、これはかなり使えるかも。HTMLやCSSをその場で変更でき、直でブラウザの表示も確認できます。

まぁ言葉であれこれ説明するよりは「Firebug 1.0 Betaのチュートリアルムービー」なるものが公開されているので、そっちを見たほうが早いですね。英語ですけど、ムービーなのでどんなことができるのかわかりやすいと思います。

と、入れたのは良かったんですが。私の環境では問題が発生。右側のスタイルタブにCSSが表示されない！？なんでだろーと、調べてみると公式サイトにあるFirebug FAQに書いてありました。

There are two possible reasons for this error. The first possibility is that you may not have not installed DOM Inspector. If so, you will need to re-install Firefox and choose DOM Inspector in the installer options.

[簡訳] そのエラーには2つの可能性があります。ひとつはDOMインスペクターがインストールされていないということ。もしそうなら、Firefoxを再インストールし直し、オプションでDOMインスペクターをインストールする必要があります。
(かなり適当に訳してますので、間違い等あるかもしれません)

（Firebug FAQ）

むむ、恐らくこれだな！と直感。まだFirefox1.5だったので、Firefox2.0にアップデートついでにDOMインスペクターをインストールしました。『標準』ではなく『カスタムインストール』でDOMインスペクターにチェックを入れてインストールしました。結果、ちゃんと動くようになりました(^o^)

私の環境では正常に機能するようになりましたが、ユーザーの環境によってはDOMインスペクターが入っていても、上手く表示されないこともあるようです。

まだ使い始めなので、全ての機能を把握しきれていませんが、CSSいじったりするのがブラウザ上でできるので便利ですね。要素ごとに適用されているCSSがすぐに分かるのもGOODです。

関連エントリー

• 関連する投稿はありません。

• Category
  • 便利ツール
• コメントはまだありません

現在、この記事へのトラックバックは受け付けていません。