しかし、遅かれ早かれ、そこで何が起こっているのかを理解するためにコードを処理する必要があります。
Firebugに統合されたデバッガーはこれに役立ちます。
全体のサイクル： コンソール 、 コマンド 、 デバッグ 、 プロファイリング
今日はjQueryを見てください。
まず、デバッグするスクリプトを選択する必要があります。
メニューで、そこにあるcustom.jsスクリプトを選択します。
行212に行きましょう。
そしてブレークポイントを設定します。
行201に移動して、条件でブレークポイントを設定します（このためには、右クリックします）。
[ブレークポイント]タブですべてのポイントを確認できます。
そして今、楽しい部分です。 サイトの「コードを実行」ボタンをクリックして、ブレークポイントに到達します
（コード内のオブジェクトにカーソルを合わせると、その値が表示されます。これは非常に便利です）。
[監視]タブでは、「凍結」状態のオブジェクトを確認できます。
また、新しいオブジェクトを追加します。
[スタック]タブには、関数（関数の呼び出し元の関数）のスタックトレースが表示されます。
また、4つのボタンが点灯していることにも気付きました。
（左から右へ）実行（Continue F8）、ステップイン（F11内に移動）、ステップオーバー（次の行F10）、ステップアウト（終了関数）。
これらのボタンのおかげで、コードを歩き回り、何がうまくいかなかったかを見ることができます。
この記事は、 Firebug JavascriptとMichael Syncブログに基づいています。
*このソースコードは、 ソースコードハイライターで強調表示されました。
PS残念ながらスクリーンショットにはマウスがありませんが、これは問題ではないと思います