kuniku’s diary

はてなダイアリーから移行(旧 d.hatena.ne.jp/kuniku/)、表示がおかしな箇所はコメントをお願いします。記載されている内容は日付およびバージョンに注意してください。直近1年以上前は古い情報の可能性が高くなります。

Firebugを使ってデバッグするには

忘れてしまうのでメモ。試したのは、FireFox3.3 FireBug1.2.0b6
ブレークポイントを設けるには、FireBugの画面(ウィンドウ)で、

ファイル(F) 表示 ヘルプ
調査  ▼ scroll
コンソール  HTML CSS スクリプト DOM 接続

と表示されるタブにて、スクリプトを押して、デバッグするscriptの箇所で右クリックして、「ブレークポイントを設定」をクリックでブレークポイントができる。

でも、それは表示されているページ内のjava Scriptであって、headに記述して読み込んだjsのデバッグは異なる。
scrollを選択すると読み込んでいるjsファイルが一覧で表示されるので、デバッグするjsを選択。
すると、そのjsファイルが表示されるので そこでブレークポイントを設ける場所で右クリックして、「ブレークポイントを設定」をクリック。

あとは、Eclipseとかのデバッグと同じ 右向きの△の実行やステップインのボタンを押せばデバッグできる。
もちろん、変数にフォーカスを合わすと変数に格納した文字列などが表示される。