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

  • [アーティクル]

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](ログを保持) を選択します。

      Edge の [コンソール] タブで [ログの保持] オプションが強調表示されているスクリーンショット。

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

      Edge の [ネットワーク] タブで [ログの保持] オプションが強調表示されているスクリーンショット。

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

    Edge の [ネットワーク] タブの [ネットワーク ログの記録を停止する] と [クリア] オプションを示すスクリーンショット。

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

    Edge でネットワーク ログを記録する方法を示すスクリーンショット。

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

    Edge でのセッション出力を示すスクリーンショット。

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

    Edge の [ネットワーク] タブで HAR をエクスポートする方法を示すスクリーンショット。

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

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

    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](ログを保持) を選択します。

      Chrome の [コンソール] タブで [ログの保持] オプションが強調表示されているスクリーンショット。

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

      Chrome の [ネットワーク] タブで [ログの保持] オプションが強調表示されているスクリーンショット。

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

    [ネットワーク] タブの [ネットワーク ログの記録を停止] と [消去] のスクリーンショット。

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

    Chrome でネットワーク ログを記録する方法を示すスクリーンショット。

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

    Chrome でのセッション出力を示すスクリーンショット。

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

    Chrome の [ネットワーク] タブで HAR をエクスポートする方法を示すスクリーンショット。

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

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

    Chrome でコンソール出力を保存する方法を示すスクリーンショット。

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

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

Safari

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

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

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

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

      Safari の詳細設定のオプションのスクリーンショット。

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

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

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

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

    [Show Web Inspector] (Web Inspector を表示) コマンドのスクリーンショット。

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

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

      [コンソール] タブの [Preserve Log]\(ログの保存\) を示すスクリーンショット。

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

      [Network] (ネットワーク) タブの [Preserve log] (ログの保存) オプションを示すスクリーンショット。

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

    [Network] (ネットワーク) タブの [Clear Network Items] (ネットワーク アイテムのクリア) のスクリーンショット。

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

    問題を再現した後の出力を示すスクリーンショット。

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

    [Network] (ネットワーク) タブの [Export] (エクスポート) コマンドのスクリーンショット。

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

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

    コンソール出力を表示してコピーできる場所を示すスクリーンショット。

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

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

Firefox

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

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

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

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

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

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

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

      [コンソールの設定] の [永続ログ] を示すスクリーンショット。

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

      [ネットワークの設定] の [永続ログ] を示すスクリーンショット。

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

    [ネットワーク] タブの [消去] オプションのスクリーンショット。

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

    ブラウザー トレース結果の例を示すスクリーンショット。

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

    [ネットワーク] タブの [HAR 形式ですべて保存] コマンドのスクリーンショット。

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

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

    [コンソール] タブの [すべてのメッセージをファイルに保存] コマンドのスクリーンショット。

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

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

次のステップ