次の方法で共有


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

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

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

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

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

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

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

重要

更新では、デバッグ中の参照の変更はサポートされません。参照を変更した場合に、HTML、CSS、および JavaScript ソース ファイルを更新するには、デバッガーを停止して再起動する必要があります。

アプリを更新するには

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

  2. Visual Studio でテンプレートを開いた状態で、[デバッグ] ツール バーの [デバッグの開始] ボタンの横にあるドロップダウン リストの [シミュレーター] をクリックします。次の一覧が表示されます。

    シミュレーターでの実行

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

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

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

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

    Welcome to yourAppName!
    

    次のように変更します。

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

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

参照

概念

クイック スタート: アプリのデバッグ (JavaScript)