言うまでもなく、インストールはFireFoxのプラグインライブラリからFireBugを見つけるだけでOKです。下の図は FireBug デバッグ ウィンドウです。
FireBug はアーティストによってよく使用されており、会社のアーティスト姉妹は FireBug に非常に熟練しており、私たち開発者は主に JS のデバッグに使用しています。デバッグ機能の公式紹介をご覧ください。Firebug には強力な JavaScript デバッガが含まれており、いつでも実行を一時停止して、コードが少し遅い場合は、JavaScript プロファイラを使用してパフォーマンスを測定し、ボトルネックを迅速に見つけることができます。
つまり、FireBug を使用すると、いつでも JS をデバッグして変数を表示できると同時に、JS のパフォーマンスのボトルネックを見つけることができます。
以下の図は、Web アプリケーションの JS を見つけて Firebug をアクティブ化し、「スクリプト」をクリックして、「すべて」の横にあるデバッグする JS を選択する方法を示しています。
下の図はブレークポイントの設定方法ですが、基本的にはEclipseの場合と同じで、行番号をクリックすればOKです。
次の図は、ブレークポイントに条件を設定する方法を示しています。条件が満たされると、この関数は特に複雑な関数をデバッグする場合に非常に便利です。下の図は、Eclipse と同じように、F11 を押してシングルステップでデバッグする方法を示しています。下の図は、呼び出されたスタックを表示するもので、複雑な JS デバッグに非常に役立ちます。以下の図は、変数の表示が基本的に EclipseDebug と同じであることを示しています。下の図は、ブレークポイントの変数を示しています。
コード行をすばやく切り替えることができる非常に便利な関数があり、数千行の JS を簡単にデバッグできます。
下の図はパフォーマンス テストの結果です。使い方は非常に簡単です。毎回ブレークポイントに入りたくない場合は、より実用的な Log 関数もあります。
基本的な使い方は以上です。皆さんのお役に立てれば幸いです。