HAR ファイルの生成方法

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

説明 description

環境

Adobe Experience Manager

問題

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

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

Web ブラウザー環境

  • Chrome
  • Edge
  • Firefox
  • Safari

解決策 resolution

ChromeとEdge

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

Chrome/Edge バージョン 130 に関するメモ:

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

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

Firefox

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

Safari

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

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f