FireFoxプラグイン 「FireBug」
Javascriptのデバッグ。
CSSの各要素の適用具合監視。
XMLHttpRequestのやりとりを覗き見。
などなど。とても便利。
インストールすると、ブラウザの左下に緑色の●の中にチェックボタンの入ったアイコンが表示されます。
クリックすると、画面の下半分に、Console/Debugger/Inspector のタブが付いたFireBug用のページが表示されます。
FireBugを使用したくない場合（エラー表示がウザいなど）は、アイコンを右クリックして、Disable FireBug を選択。
デバッグ方法メモ。
- ブレークポイント指定
-
script タブで、行番号の横をクリックして、赤色の●が付く。ここがブレークポイントに。
右側がウォッチウインドウ。
- console タブにデバッグ表示。alertを使うならこっちを。
-
JavaScriptに記入して使用。
console.log("width: %d height: %d", width, height);
console.log("aaa" + bbb);
- 任意の行でブレーク
-
JavaScriptに記入して使用。
debugger;
