Firebug による Web ページのデバッグ

Firebug は、ユーザーが HTML ページ、DOM、CSS、および JavaScript をデバッグ、編集、プロファイル、ロギング、およびモニターするのを支援する Mozilla Firefox 用のオープン・ソース拡張です。

始める前に

  1. Web プロジェクトを作成する
  2. Web ページを作成する
  3. Mozilla Firefox をインストールする
  4. Firebug をインストールする

手順

  1. ワークスペースのデフォルト・ブラウザーとして「ウィンドウ」 > 「Web ブラウザー」 > 「Firefox」を選択して、Firebug を使用可能にします。
  2. 「エンタープライズ・エクスプローラー」ビューで、デバッグする Web ページを右クリックして、「デバッグ」 > 「サーバーでデバッグ」を選択します。
  3. 「終了」をクリックします。 Web ページが Firefox で開きます。
  4. Firebug を使用可能にするため、Firebug を有効にするアイコン をクリックします。
  5. Firebug セクションで、「スクリプト」タブをクリックし、「有効」をクリックします。
  6. スクリプトが有効になったら、「再読み込み」をクリックします。 Web アプリケーションのデバッグの準備ができました。
  7. 引き続きデバッグ・ツールを使用して、コード内をステップスルーします。
  8. デバッグする JavaScript リソース内で、ブレークポイントを設定します。
    JavaScript ファイル内に設定されたブレークポイント
    設定されたブレークポイントにより、Web ページのロジックに従って実行が停止されます。
  9. 「監視」タブをクリックして、実行をトレースし、変更する値を決定します。
    Firebug の「監視」タブ
    ヒント: 「ブレークポイント」タブからブレークポイントを有効/無効にしたり、削除したりできます。
トピックのタイプを示すアイコン タスクのトピック
インフォメーション・センターのご利用条件 | フィードバック

タイム・スタンプ・アイコン 最終更新: May 29, 2014 10:20

ファイル名: tdebugfirebug.html