HAR ファイルの生成方法

トラブルシューティングのためにブラウザー内のネットワークリクエストに関する詳細な情報が必要な場合は、HAR ファイルの生成が役立ちます。 この記事では、HAR ファイルを生成する手順について説明します。

説明 description

環境

Adobe Experience Manager

問題

トラブルシューティングのために、ブラウザー内のネットワークリクエストに関する詳細な情報が必要になる場合があります。

HAR ファイルは、ブラウザーのHTTP トランザクション履歴が含まれているため、便利です。 この記事では、HAR ファイルの生成方法を説明します。

Web ブラウザー環境

  • Chrome
  • Edge
  • Firefox
  • Safari

解決策 resolution

ChromeとEdge

  1. 問題が発生するページを開きます。
  2. F12 キーを押して開発ツールを開きます。
  3. ネットワーク 」タブを選択します。
  4. ログを保持」チェックボックスを選択します。
  5. キャッシュを無効にする」チェックボックスを選択します。
  6. 調査する問題を再現し、「ネットワーク」タブに詳細なHTTP トランザクションが表示されていることを確認します。
  7. ネットワークリクエストのリスト内の任意の場所を右クリックします。
  8. コンテンツを含むHARとしてすべて保存を選択します。
  9. 場所を選択し、ファイルを保存します。

Chrome/Edge バージョン 130のメモ:

プライバシーの変更により、HAR ファイルはデフォルトでCookie and Authorization headersを除外します。 トラブルシューティング用に以下の機密ヘッダーを含めるには:

  1. 開発ツール 設定を開きます(通常は開発ツールウィンドウの歯車アイコン)。
  2. 許可」を選択して、機密データを含むHARを生成します
  3. 問題を再現したら、「 ネットワーク 」タブの「書き出し」ボタンを長押しし、ドロップダウンメニューから「HAR (機密データを含む)書き出し」を選択します。

Firefox

  1. 問題が発生するページを開きます。
  2. F12 キーを押して開発ツールを開きます。
  3. ネットワーク 」タブを選択します。
  4. 歯車アイコンを選択し、永続ログ を有効にします。
  5. キャッシュを無効にする」チェックボックスを選択します。
  6. 調査する問題を再現し、「ネットワーク」タブに詳細なHTTP トランザクションが表示されていることを確認します。
  7. 歯車アイコンをもう一度選択し、すべてHARとして保存を選択します。
  8. 場所を選択し、ファイルを保存します。

Safari

  1. 開発ツールを開きます(キーボードの⌥⌘I キー(Option + Command + I)を押します)。
  2. ネットワーク 」タブを選択します。
  3. ログを保持」チェックボックスをオンにします。
  4. 調査する問題を再現し、「ネットワーク」タブに詳細なHTTP トランザクションが表示されていることを確認します。
  5. 書き出し」を選択します。
  6. ファイル名を指定して保存します。

recommendation-more-help
experience-cloud-kcs-help-kbarticles