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

Azure portal での問題のトラブルシューティングを行っていて、Microsoft のサポートに問い合わせる必要がある場合は、最初にいくつかの追加情報をキャプチャすることをお勧めします。 たとえば、ブラウザー トレース、ステップ記録、コンソール出力を共有すると役に立つ可能性があります。 この情報により、問題発生時にポータルで正確に何が起きたのかに関する重要な詳細を提供できます。

警告

ブラウザー トレースには多くの場合、機密情報が含まれており、ID にリンクされた認証トークンが含まれることがあります。 他のユーザーとトレースを共有する前に、機密情報を削除してください。 Microsoft サポートではこれらのトレースを、トラブルシューティングの目的に限って使用します。

この情報は、Microsoft Edge、Google Chrome、Safari (Mac)、Firefox などのサポートされているブラウザーでキャプチャできます。 各ブラウザーの手順を次に示します。

Microsoft Edge

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

注意

垂直アクティビティ バーがあるフォーカス モードの DevTools を下のスクリーンショットに示します。 設定によっては、構成が異なる場合があります。 詳細については、「フォーカス モードを使用して DevTools を簡略化する」を参照してください。

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

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

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

  4. F12 キーを押して Microsoft Edge DevTools を起動します。 ツールは、ツール バー メニューの [その他のツール]>[開発者ツール] から起動することもできます。

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

    1. [Console](コンソール) タブを選択し、 [Console settings](コンソールの設定) を選択してから、 [Preserve Log](ログを保持) を選択します。

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

    2. [ネットワーク] タブを選択します。そのタブが表示されない場合は、その他のツール (+) ボタンをクリックし、[ネットワーク] を選択します。 次に、[ネットワーク] タブで、[ログの保持] を選択します。

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

  6. [ネットワーク] タブの [ネットワーク ログの記録を停止][消去] を選択します。

    Screenshot showing the Stop recording network log and Clear options on the Network tab in Edge.

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

    Screenshot showing how to record the network log in Edge.

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

    Screenshot showing session output in Edge.

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

    Screenshot showing how to Export HAR on the Network tab in Edge.

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

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

    Sccreenshot showing how to save the console output in Edge.

  11. ブラウザー トレースの HAR ファイル、コンソール出力、画面記録ファイルを .zip などの圧縮形式でパッケージ化します。

  12. サポート リクエストの [ファイルのアップロード] オプションを使って、圧縮ファイルを Microsoft サポートと共有します。

Google Chrome

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

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

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

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

  4. F12 キーを押して開発者ツールを起動します。 ツールは、ツール バー メニューの [その他のツール]>[開発者ツール] から起動することもできます。

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

    1. [Console](コンソール) タブを選択し、 [Console settings](コンソールの設定) を選択してから、 [Preserve Log](ログを保持) を選択します。

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

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

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

  6. [ネットワーク] タブの [ネットワーク ログの記録を停止][消去] を選択します。

    Screenshot of

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

    Screenshot that shows how to record the network log in Chrome.

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

    Screenshot that shows the session output in Chrome.

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

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

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

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

    Screenshot that shows how to save the console output in Chrome.

  11. ブラウザー トレースの HAR ファイル、コンソール出力、画面記録ファイルを .zip などの圧縮形式でパッケージ化します。

  12. サポート リクエストの [ファイルのアップロード] オプションを使って、圧縮ファイルを Microsoft サポートと共有します。

Safari

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

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

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

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

      Screenshot of the Safari advanced preferences options.

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

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

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

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

    Screenshot of the

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

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

      Screenshot that shows the Preserve Log on the Console tab.

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

      Screenshot that shows the Preserve Log option on the Network tab.

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

    Screenshot of

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

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

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

    Screenshot of the

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

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

    Screenshot that shows where you can view and copy the console output.

  12. ブラウザー トレースの HAR ファイル、コンソール出力、画面記録ファイルを .zip などの圧縮形式でパッケージ化します。

  13. サポート リクエストの [ファイルのアップロード] オプションを使って、圧縮ファイルを Microsoft サポートと共有します。

Firefox

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

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

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

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

  4. F12 キーを押して開発者ツールを起動します。 ツールは、ツール バー メニューの [その他のツール]>[Web 開発者ツール] から起動することもできます。

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

    1. [コンソール] タブを選び、[設定] アイコンを選んで、[永続ログ] を選びます。

      Screenshot of the Console setting for Persist Logs.

    2. [ネットワーク] タブを選び、[設定] アイコンを選んで、[永続ログ] を選びます。

      Screenshot of the Network setting for Persist Logs.

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

    Screenshot of the

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

    Screenshot showing example browser trace results.

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

    Screenshot of the

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

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

    Screenshot of the Save All Messages to File command on the Console tab.

  11. ブラウザー トレースの HAR ファイル、コンソール出力、画面記録ファイルを .zip などの圧縮形式でパッケージ化します。

  12. サポート リクエストの [ファイルのアップロード] オプションを使って、圧縮ファイルを Microsoft サポートと共有します。

次のステップ