トラブルシューティングのためにブラウザー トレースをキャプチャする

Azure portal での問題のトラブルシューティングを行っていて、Microsoft サポートに問い合わせる必要がある場合は、最初にブラウザー トレースといくつかの追加情報をキャプチャすることをお勧めします。 収集した情報で、問題が発生したときのポータルに関する重要な詳細情報を提供できます。 使用しているブラウザーの開発者ツールに対応するこの記事の手順に従ってください: Google Chrome または Microsoft Edge (Chromium)、Microsoft Edge (EdgeHTML)、Apple Safari、または Firefox。

重要

Microsoft サポートではこれらのトレースを、トラブルシューティングの目的に限って使用します。 トレースを共有する相手には注意してください。これらには、あなたの環境に関する機密情報が含まれている場合があるからです。

Google Chrome と Microsoft Edge (Chromium)

Google Chrome と Microsoft Edge (Chromium) はどちらも、Chromium オープンソース プロジェクトが基になっています。 次の手順では、開発者ツールを使用する方法について説明します。これらのツールは、2 つのブラウザーで非常によく似ています。 詳細については、「Chrome DevTools」および「Microsoft Edge (Chromium) 開発者ツール」を参照してください。

  1. Azure portal にサインインします。 サインインに関連する機密情報がトレースに含まれないようにするため、トレースを始める " 前に" サインインすることが重要です。

  2. ステップ記録ツールを使用して、ポータルで実行した手順の記録を始めます。

  3. ポータルで、問題が発生した直前のステップに移動します。

  4. F12 キーを押すか、Screenshot that shows the browser settings icon.>[More tools](その他のツール)>[開発者用ツール] を選びます。

  5. 既定では、ブラウザーで現在読み込まれているページのトレース情報のみが保持されます。 再現するには複数のページを移動する必要がある場合であっても、次のオプションを設定して、すべてのトレース情報が保持されるようにします。

    1. [Network](ネットワーク) タブを選択し、 [Preserve log](ログを保持) を選択します。

      Screenshot that highlights the Preserve log option on the Network tab.

    2. [Console](コンソール) タブを選択し、 [Console settings](コンソールの設定) を選択してから、 [Preserve Log](ログを保持) を選択します。 [Console settings](コンソールの設定) をもう一度選択して、設定ペインを閉じます。

      Screenshot that highlights the Preserve log option on the Console tab.

  6. [Network](ネットワーク) タブを選択し、 [Stop recording network log](ネットワーク ログの記録を停止)[Clear](クリア) を選択します。

    Screenshot of

  7. [Record network log](ネットワーク ログを記録) を選択して、ポータルで問題を再現します。

    Screenshot that shows how to record the network log.

    次の図のようなセッション出力が表示されます。

    Screenshot that shows the session output.

  8. 予期しないポータルの動作を再現した後、 [Stop recording network log](ネットワーク ログの記録を停止) を選択し、 [Export HAR](HAR のエクスポート) を選択してファイルを保存します。

    Screenshot that shows how to Export HAR on the Network tab.

  9. ステップ記録ツールを停止し、記録を保存します。

  10. ブラウザー開発者ツールのペインに戻り、 [Console](コンソール) タブを選択します。いずれかのメッセージを右クリックし、 [Save as...](名前を付けて保存...) を選択して、コンソールの出力をテキスト ファイルに保存します。

    Screenshot that highlights the Console tab and the Save as... menu

  11. HAR ファイル、コンソール出力、および画面記録を .zip などの圧縮形式でパッケージ化し、Microsoft サポートと共有します。

Microsoft Edge (EdgeHTML)

次の手順では、Microsoft Edge (EdgeHTML) の開発者ツールを使用する方法について説明します。 詳細については、「Microsoft Edge (EdgeHTML) 開発者ツール」を参照してください。

  1. Azure portal にサインインします。 サインインに関連する機密情報がトレースに含まれないようにするため、トレースを始める " 前に" サインインすることが重要です。

  2. ステップ記録ツールを使用して、ポータルで実行した手順の記録を始めます。

  3. ポータルで、問題が発生した直前のステップに移動します。

  4. F12 キーを押すか、Screenshot of the browser settings icon.>[More tools](その他のツール)>[開発者用ツール] を選びます。

  5. 既定では、ブラウザーで現在読み込まれているページのトレース情報のみが保持されます。 再現するには複数のページを移動する必要がある場合であっても、次のオプションを設定して、すべてのトレース情報が保持されるようにします。

    1. [ネットワーク] タブを選択し、 [ナビゲーション時にエントリをクリア] オプションをオフにします。

      Screenshot of

    2. [コンソール] タブを選択し、 [Preserve Log](ログを保持) を選択します。

      Screenshot of

  6. [ネットワーク] タブを選択し、 [プロファイリング セッションの終了][セッションのクリア] を選択します。

    Screenshot of

  7. [プロファイリング セッションの開始] を選択し、ポータルで問題を再現します。

    Screenshot of

    次の図のようなセッション出力が表示されます。

    Screenshot that shows the output for the profiling session.

  8. 予期しないポータルの動作を再現した後、 [プロファイリング セッションの終了] を選択し、 [HAR としてエクスポート] を選択してファイルを保存します。

    Screenshot of

  9. ステップ記録ツールを停止し、記録を保存します。

  10. ブラウザー開発者ツールのペインに戻り、 [コンソール] タブを選択して、ウィンドウを展開します。 コンソール出力の先頭にカーソルを置き、出力の内容全体をドラッグして選択します。 右クリックし、 [コピー] を選択して、コンソールの出力をテキスト ファイルに保存します。

    Screenshot that highlights the Copy menu option.

  11. HAR ファイル、コンソール出力、および画面記録を .zip などの圧縮形式でパッケージ化し、Microsoft サポートと共有します。

Apple Safari

次の手順では、Apple Safari の開発者ツールを使用する方法について説明します。 詳細については、「Safari 開発者ツールの概要」を参照してください。

  1. Apple Safari で開発者ツールを有効にします。

    1. [Safari] を選択し、 [Preferences](基本設定) を選択します。

      Screenshot of Safari preferences

    2. [Advanced](詳細) タブを選択し、 [Show Develop menu in menu bar](メニュー バーに開発メニューを表示する) を選択します。

      Screenshot of Safari advanced preferences

  2. Azure portal にサインインします。 サインインに関連する機密情報がトレースに含まれないようにするため、トレースを始める " 前に" サインインすることが重要です。

  3. ポータルで実行した手順の記録を始めます。 詳細については、「Mac の画面を記録する方法」を参照してください。

  4. ポータルで、問題が発生した直前のステップに移動します。

  5. [Develop](開発) を選択し、 [Show Web Inspector](Web Inspector を表示) を選択します。

    Screenshot of

  6. 既定では、ブラウザーで現在読み込まれているページのトレース情報のみが保持されます。 再現するには複数のページを移動する必要がある場合であっても、次のオプションを設定して、すべてのトレース情報が保持されるようにします。

    1. [Network](ネットワーク) タブを選択し、 [Preserve Log](ログを保持) を選択します。

      Screenshot that shows the Preserve Log option.

    2. [コンソール] タブを選択し、 [Preserve Log](ログを保持) を選択します。

      Screenshot that shows the Preserve Log on the Console tab.

  7. [Network](ネットワーク) タブを選択し、 [Clear Network Items](ネットワーク アイテムのクリア) を選択します。

    Screenshot of

  8. ポータルで問題を再現します。 次の図のようなセッション出力が表示されます。

    Screenshot that shows the output after you've reproduced the issue.

  9. 予期しないポータルの動作を再現した後、 [Export](エクスポート) を選択してファイルを保存します。

    Screenshot of

  10. 画面収録ツールを停止し、記録を保存します。

  11. ブラウザー開発者ツールのペインに戻り、 [コンソール] タブを選択して、ウィンドウを展開します。 コンソール出力の先頭にカーソルを置き、出力の内容全体をドラッグして選択します。 Command + C キーを使用して出力をコピーし、テキスト ファイルに保存します。

    Screenshot that highlights you can view and copy the output.

  12. HAR ファイル、コンソール出力、および画面記録を .zip などの圧縮形式でパッケージ化し、Microsoft サポートと共有します。

Firefox

次の手順では、Firefox の開発者ツールを使用する方法について説明します。 詳細については、Firefox の開発者ツールに関するページを参照してください。

  1. Azure portal にサインインします。 サインインに関連する機密情報がトレースに含まれないようにするため、トレースを始める " 前に" サインインすることが重要です。

  2. ポータルで実行した手順の記録を始めます。 Windows で ステップ記録ツールを使用するか、「Mac で画面を収録する方法」を参照してください。

  3. ポータルで、問題が発生した直前のステップに移動します。

  4. F12 キーを押すか、Screenshot of browser settings icon>[Web Developer](Web Developer)>[Toggle Tools](ツールの切り替え) を選びます。

  5. 既定では、ブラウザーで現在読み込まれているページのトレース情報のみが保持されます。 再現するには複数のページを移動する必要がある場合であっても、次のオプションを設定して、すべてのトレース情報が保持されるようにします。

    1. [ネットワーク] タブを選択し、 [永続ログ] をオンにします。

      Screenshot that highlights the Persist Logs option.

    2. [コンソール] タブを選択し、 [コンソール設定] を選択してから、 [永続ログ] を選択します。

      Screenshot of

  6. [ネットワーク] タブを選択し、 [消去] を選択します。

    Screenshot of

  7. ポータルで問題を再現します。 次の図のようなセッション出力が表示されます。

    Screenshot of browser trace results

  8. 予期しないポータルの動作を再現した後、 [HAR 形式ですべて保存] を選択します。

    Screenshot of

  9. Windows のステップ記録ツールまたは Mac の画面収録ツールを停止し、記録を保存します。

  10. ブラウザー開発者ツールのペインに戻り、 [Console](コンソール) タブを選択します。いずれかのメッセージを右クリックし、 [表示メッセージをエクスポート] を選択して、コンソールの出力をテキスト ファイルに保存します。

    Screenshot of console output

  11. HAR ファイル、コンソール出力、および画面記録を .zip などの圧縮形式でパッケージ化し、Microsoft サポートと共有します。

次のステップ