使い方

1. ieerbug.zip をダウンロードし、中身をアプリケーションのディレクトリに配置します。IEerBug 用のディレクトリを作成して、その中に配置しても問題ありません。

2. HTML の中で次のようにして 'ieerbug.js' を読み込みます。

   <script src="ieerbug.js"></script>

   IEerBug を別のディレクトリに格納した場合は、IEerBug のディレクトリへのパス付きで読み込みます。

   <script src="./path_to_ieerbug/ieerbug.js"></script>

3. JavaScript のソースの中で、コンソール出力用のコードを記述します。たとえば、次のように書くと

   console.debug("test");
   console.debug("value is : %d %s", i, s);
   console.debug("debug object : %o", {x : 3, y : 2});
   console.info(document);
   console.assert(a);
   

   次のように出力されます。

   

   [object Object] をクリックすると、オブジェクトの中身が表示されます。

   

   document をクリックしても同じように document オブジェクトの中身を覗くことができます。

   

主な特徴

• FireBug のログ出力用関数 を利用できます。
• HTML には IFRAME ノードを１つ作成するだけで、元の HTML ファイルや CSS を汚しません。
• JavaScript のグローバル ネームスペースには IEerBug、console という２つの関数しか作成しません。
• IEerBug を利用するためにライブラリは必要ありませんし、どんな JavaScript のライブラリとも共存できます。
• Internet Explorer 6.0 および Mozilla FireFox 1.5 で動きます。

Demo

こちらをどうぞ。

ダウンロード

IEerBug のライセンスは Mozilla Public License Version 1.1 とします。

これは FireBug が MPL であり、IEerBug のほとんどのソースは FireBug を参照しているためです。この場を借りて、FireBug の作者である Joe Hewitt 氏に感謝を申し上げます。

ドキュメント

IEerbBug の読み込み時、次のようなパラメータを与えることで、IEerBug の設定を行うことができます。

<script src="ieerbug.js?x=50&y=200"></script>

パラメータは次のようなものがあります。

FAQ

Opera や Safari では動くの？

すいません、対応していません。誰か対応させてくれたら嬉しいです。

FireBug にある Source View や Debugger の機能はサポートされますか？

Source View は将来的にサポートされるかもしれません。Debugger は技術的に不可能かと思われます。

Ajax Request Spy 機能はサポートされますか?

ActiveXObject 関数を上書きすれば技術的には可能だと思います。

更新履歴

0.2 (2006/9/30)

• window オブジェクトを出力できていなかったのを修正
• IE のメモリリークに対処