デバッグ中にコードを変更し、[デバッグ] ツール バーの [Windows アプリケーションの更新] を選択することで、JavaScript を使用するストア アプリを更新できます。 このボタンを選択すると、デバッガーを停止したり再起動したりせずにアプリが再度読み込まれます。 更新機能によって、HTML、CSS、および JavaScript コードを変更し、その結果をすばやく確認できます。 この機能は、Windows ストア アプリと Windows Phone ストア アプリの両方でサポートされています。

更新では、アプリの状態は保持されません。また、アプリに対する次の変更は反映されません。

• パッケージ マニフェストに指定されたイメージの変更を含むパッケージ マニフェスト ファイルの変更。

• SDK 参照の追加や削除などの参照の変更、または Windows ランタイム コンポーネント (.winmd ファイル) の変更。

• .resjson ファイル内の文字列の変更などのリソースの変更。

• パス名の変更、新しいプロジェクト ファイル、または削除ファイルが発生するプロジェクト ファイルの変更。

• 選択したデバッグ デバイスの変更などのプロジェクトおよび項目プロパティの変更、またはファイルのパッケージ操作の変更 ([プロパティ] ウィンドウ内)。

アプリを更新するには

1. Visual Studio で、ナビゲーション アプリ プロジェクト テンプレートを使用して新しいプロジェクトを作成します。

   Windows ストア アプリ、Windows Phone ストア アプリ、またはユニバーサル アプリのいずれでも作成できます。

2. Visual Studio でテンプレートを開いた状態で、デバッグ ターゲットを選択します。

   Windows Phone プロジェクトが現在のスタートアップ プロジェクトである場合は、デバッグ ターゲットとして Windows Phone エミュレーターを選択します。 それ以外の場合は、[シミュレーター] または [ローカル コンピューター] を選択します。

   

3. F5 キーを押して、アプリをデバッグ モードで実行します。

4. Visual Studio に切り替えます (F12 キーを押します)。

5. ソリューション エクスプローラー で、[ページ] の [ホーム] フォルダーから home.html を開きます。

6. 次のページ タイトルのテキストを変更します。

   Welcome to yourAppName!
   

   次のように変更します。

   Hello!
   

7. [Windows アプリケーションの更新] ボタン () をクリックします (または F4 キーを押します)。

8. アプリに切り替えます。 デバッガーを再起動せずにアプリが再度読み込まれ、新しいページ タイトルが表示されます。

参照

概念

クイック スタート: HTML および CSS のデバッグ