Firebugを使ってデバッグするには
忘れてしまうのでメモ。試したのは、FireFox3.3 FireBug1.2.0b6
ブレークポイントを設けるには、FireBugの画面(ウィンドウ)で、
ファイル(F) | 表示 | ヘルプ | |||
調査 | ▼ | scroll | |||
コンソール | HTML | CSS | スクリプト | DOM | 接続 |
と表示されるタブにて、スクリプトを押して、デバッグするscriptの箇所で右クリックして、「ブレークポイントを設定」をクリックでブレークポイントができる。
でも、それは表示されているページ内のjava Scriptであって、headに記述して読み込んだjsのデバッグは異なる。
scrollを選択すると読み込んでいるjsファイルが一覧で表示されるので、デバッグするjsを選択。
すると、そのjsファイルが表示されるので そこでブレークポイントを設ける場所で右クリックして、「ブレークポイントを設定」をクリック。
あとは、Eclipseとかのデバッグと同じ 右向きの△の実行やステップインのボタンを押せばデバッグできる。
もちろん、変数にフォーカスを合わすと変数に格納した文字列などが表示される。