ブラウザーの問題をトラブルシューティングのための HAR ファイルを生成するには?

ブラウザーの問題をトラブルシューティングのための HAR ファイルを生成するには?

Chrome ブラウザーで HTTP アーカイブ形式または HAR ファイルを生成するには?

Firefox ブラウザーで HAR ファイルを生成するには?

Safari ブラウザーで HAR ファイルを生成するには?

Chrome および Microsoft Edge (Chromium ベース) 用の HAR ファイルを生成するには:

  1. Google Chrome を開き、問題を経験しているページに進みます。
  2. Chrome メニューバーで ユーザーにより追加されたイメージ[その他のツールと デバイス> を選択します
  3. 開いているパネルから、[ネットワーク] タブを選択します。
  4. [ログを保持] の隣のボックス をオンにします
  5. タブの左上隅にある丸い録画ユーザーにより追加されたイメージボタンを探して、赤くなっていることを確認してください。 それがグレイの場合、それをクリックしてネットワーク録画ログ (Ctrl+E) を開始します。
  6. [クリア] ユーザーにより追加されたイメージボタンをクリックして、[ネットワーク] タブから既存のログをクリアします。
  7. 経験した問題を再現し 、[名前] 列の下のグリッド内の任意のネットワークで右クリックし、[コンテンツを含む HAR としてすべて保存する] を選択します。
  8. デスクトップ を選択し、[保存] ボタンをクリックします。

Firefox 用の HAR ファイルを生成するには:
  1. Firefox を開き、問題を経験しているページに進みます。
  2. ブラウザー ウィンドウの右上部のユーザーにより追加されたイメージ Firefox メニューを選択し、[その他のツール] -> 開発者ツール] を選択します。
  3. 開発者ネットワーク ツールが Firefox の横または下でパネルとして開きます。 [ネットワーク] タブをクリックします。
  4. 右上隅にある 歯車アイコン をクリックして、[ログを保持する] ボックスをチェックします。
  5. ブラウザーで問題を 発生したアクティビティを再現し、ネットワーク要求のグリッド内の任意の場所を右クリックし、[HAR としてすべて保存] を選択します
  6. グリッド内の任意のネットワーク要求を右クリックして、[ コンテンツを含む HAR としてすべて保存 ] を選択し
  7. デスクトップ を選択し、[保存] ボタンをクリックします。

Safari 用の HAR ファイルを生成するには:
  1. [開発] ドロップダウン メニューをクリックし、[Web Inspector を表示] を選択します。
    • メニューバーに [開発] ドロップダウンメニューが表示しない場合は、[Safari > 設定] を選択し、[詳細] をクリックしてから、メニューバーの [開発を表示] メニューを選択します。
  2. [ログを保持] の隣のボックス をオンにします
  3. [ネットワーク] タブをクリックして、問題を生じさせているアクティビティを再現します。
  4. エクスポートアイコン ユーザーにより追加されたイメージ クリックし、Web アーカイブファイルをデスクトップに保存します。

この投稿記事は役に立ちましたか?