Firebug を使用して JavaScript をデバッグする


Firebug 公式サイトは、Firebug の開発・更新・保守を停止したことを発表し、Firefox の内蔵ツールの使用を呼びかけています。DevTools。

説明

Firebugは非常に強力なツールで、コード内のエラーを発見し、エラーを解決するのに役立ちます。

ここではFirebugを使用してJavaScriptコードを処理します。

まず、ページを読み込んでFirebugを開く必要があります。

場合によっては、ページを再読み込みする必要があります。

ステータスバーのエラー数

debug-javascript-firebug

現在のページのエラーを表示

debug-javascript-firebug1

エラーの詳細情報を表示

debug-javascript-firebug2

コードをステップバイステップでデバッグする

コードをステップバイステップで実行できます。これはコードのデバッグに非常に役立ちます。

debug-javascript-firebug6

ブレークポイントを使用したデバッグ

ブレークポイントによるデバッグでは、コードの実行を停止できます。コード範囲を指定することで、エラーが指定したコード範囲内にあるかどうかを確認できます。これはエラーのデバッグに役立ちます。

「Step over(ステップオーバー)」ボタンをクリックすると、Firebug は右側のウィンドウでブレークポイントの実行を終了するまで、すべての変数を更新します。

debug-javascript-firebug3

式を使用してブレークポイントを機能させる

式を記述でき、条件が真の場合にブレークポイントがコードの実行を停止します。

debug-javascript-firebug4

検索

クイック検索を使用して、コード内のキーワードを検索できます。

debug-javascript-firebug5

その他の拡張機能