HAR ファイルの生成方法
トラブルシューティングのためにブラウザー内のネットワークリクエストに関する詳細情報が必要な場合は、HAR ファイルを生成すると役立ちます。 この記事では、HAR ファイルの生成手順を説明します。
説明 description
環境
Adobe Experience Manager
問題
トラブルシューティングのために、ブラウザー内のネットワークリクエストに関する詳細情報が必要になる場合があります。
HAR ファイルは、ブラウザーの HTTP トランザクション履歴が含まれているので便利です。 この記事では、HAR ファイルの生成方法を説明します。
Web ブラウザー環境
- Chrome
- Edge
- Firefox
- Safari
解決策 resolution
ChromeとEdge
- 問題が発生するページを開きます。
- F12 キーを押して DevTools を開きます。
- 「 ネットワーク 」タブを選択します。
- 「 ログを保持 」チェックボックスを選択します。
- 「 キャッシュを無効にする 」チェックボックスを選択します。
- 調査する問題を再現し、「Network」タブに HTTP トランザクションの詳細が表示されることを確認します。
- ネットワークリクエストのリスト内の任意の場所を右クリックします。
- すべて HAR 形式でコンテンツと共に保存 を選択します。
- 場所を選択し、ファイルを保存します。
Chrome/Edge バージョン 130 に関するメモ:
デフォルトでは、HAR ファイルは、プライバシーの変更が原因で Cookie and Authorization headers を除外します。 トラブルシューティングにこれらの機密ヘッダーを含めるには:
- 開発ツール 設定 (通常は開発ツールウィンドウの歯車アイコン)を開きます。
- 「 機密データを含む HAR を生成できるようにする 」を選択します。
- 問題を再現したら、「 ネットワーク 」タブの エクスポート ボタンを長押しして、ドロップダウンメニューから HAR をエクスポート(機密データを含む) を選択します。
Firefox
- 問題が発生するページを開きます。
- F12 キーを押して DevTools を開きます。
- 「 ネットワーク 」タブを選択します。
- 歯車アイコンを選択し、「 ログを保持 を有効にします。
- 「 キャッシュを無効にする 」チェックボックスを選択します。
- 調査する問題を再現し、「Network」タブに HTTP トランザクションの詳細が表示されることを確認します。
- 歯車アイコンをもう一度選択し、「Save All As HAR」を選択します。
- 場所を選択し、ファイルを保存します。
Safari
- DevTools を開きます(キーボードの ⌥⌘I (Option + Command + I)を押します)。
- 「 ネットワーク 」タブを選択します。
- 「 ログを保持 」チェックボックスをオンにします。
- 調査する問題を再現し、「Network」タブに HTTP トランザクションの詳細が表示されることを確認します。
- 書き出し を選択します。
- ファイル名を指定して保存します。
。
recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f