< 前へ | 次へ >

レッスン 6: ユーザーの Dojo アプリケーションの Firebug によるデバッグ (オプション)

このオプション・レッスンでは、Firebug を使用して Web アプリケーションをデバッグする方法について学習します。

このレッスンを開始する前に、Mozilla Firefox をインストールします
注: 手順は、使用する Firebug および Firefox のバージョンによって異なります。
  1. Web アプリケーションを Firefox で実行するように構成するために、「ウィンドウ」 > 「Web ブラウザー」 > 「Firefox」を選択します。
  2. 「エンタープライズ・エクスプローラー」ビューで index.html を右クリックし、「デバッグ」 > 「サーバーでデバッグ」を選択します。
  3. 「終了」をクリックします。 新規 Web ページが Firefox で開きます。
  4. Firebug を使用可能にするため、ブラウザー・ウィンドウの右上隅にある Firebug を有効にするアイコン をクリックします。
  5. Firebug セクションで、「スクリプト」タブをクリックし、「有効」をクリックします。
  6. スクリプトが有効になったら、「再読み込み」をクリックします。 Web アプリケーションのデバッグの準備ができました。
  7. LoanInput.js ファイルで、カスタム Dojo ウィジェット JavaScript リソースを選択してからブレークポイントを設定します。JavaScript ファイル内に設定されたブレークポイント
  8. ブラウザーで、ローン総額を入力し、利率を選択します。 45 行目に設定されたブレークポイントによって実行が停止します。
  9. Firebug セクションで、「監視」タブをクリックして、実行をトレースし、変更する値を決定します。Firebug の「監視」タブ
    ヒント: 「ブレークポイント」タブからブレークポイントを有効/無効にしたり、削除したりできます。
  10. 引き続き Firebug デバッグ・ツールを使用して、コードを評価します。 JavaScript の Firebug によるデバッグについて詳しくは、getfirebug.com/wiki/index.php/Main_Page を参照してください。

演習のチェックポイント

Firebug を使用して Dojo ファイルをデバッグしました。

この演習では以下のことを学習しました。
  • Firebug を開く方法
  • ブレークポイントを設定する方法

ソリューションのダウンロード

注: 完成した Web プロジェクト をダウンロードし、サーバー上でプロジェクトを実行して、このチュートリアルの結果を確認することもできます。
< 前へ | 次へ >
トピックのタイプを示すアイコン チュートリアルの演習のトピック
インフォメーション・センターのご利用条件 | フィードバック

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

ファイル名: loan_lesson7.html