FirebugはWebの開発にとても便利なツールです。
Firebugを利用して、Javascriptをデバッグすることができます。
ちょっとくせがあるので、書いておきます。
- デバッグしたいhtmlをFirefoxで開いておきます。Firebugを立ち上げ、「スクリプト」タブをクリックします。真っ白の場合、左上の「静的スクリプトを表示」とあるところをクリックします。
- まだ何も表示されない場合は、URLから再読み込みしてください。なぜか更新だと変わらない場合があります。図のように、HTMLが表示されます。
- 次にブレークポイントを設定します。ブレークポイントの設定は、行数が書かれた左側をクリックするだけです。
- もう一度読みこむと、ブレークポイントでブレークします。
- 右上のアイコンを使って、再生、ステップイン、ステップアウトなどしてください。右側のベインに変数が表示されます。