Firebug:パート3-デバッグ

以下の文章が不要になることを願っています。
しかし、遅かれ早かれ、そこで何が起こっているのかを理解するためにコードを処理する必要があります。
Firebugに統合されたデバッガーはこれに役立ちます。

全体のサイクル: コンソールコマンドデバッグプロファイリング



今日はjQueryを見てください。

まず、デバッグするスクリプトを選択する必要があります。

メニューで、そこにあるcustom.jsスクリプトを選択します。

行212に行きましょう。


そしてブレークポイントを設定します。


行201に移動して、条件でブレークポイントを設定します(このためには、右クリックします)。


[ブレークポイント]タブですべてのポイントを確認できます。


そして今、楽しい部分です。 サイトの「コードを実行」ボタンをクリックして、ブレークポイントに到達します
(コード内のオブジェクトにカーソルを合わせると、その値が表示されます。これは非常に便利です)。


[監視]タブでは、「凍結」状態のオブジェクトを確認できます。


また、新しいオブジェクトを追加します。


[スタック]タブには、関数(関数の呼び出し元の関数)のスタックトレースが表示されます。


また、4つのボタンが点灯していることにも気付きました。
(左から右へ)実行(Continue F8)、ステップイン(F11内に移動)、ステップオーバー(次の行F10)、ステップアウト(終了関数)。

これらのボタンのおかげで、コードを歩き回り、何がうまくいかなかったかを見ることができます。

この記事は、 Firebug JavascriptMichael Syncブログに基づいています。

*このソースコードは、 ソースコードハイライターで強調表示されました。

PS残念ながらスクリーンショットにはマウスがありませんが、これは問題ではないと思います

Source: https://habr.com/ru/post/J50930/


All Articles