harファイル(ブラウザのネットワークログ)の取得方法を教えてください。

 
HAR ファイル取得手順は以下の通りです。

Google Chromeの場合
(1) Google Chrome 上で F12 ボタンを押下し、ブラウザの開発者ツール(DevTools)を開きます。
(2) (Google Chrome 130以降の場合)開発者ツールのF1 ボタンを押下し、「設定」 - 「ネットワーク」 - 「センシティブ データを含む HAR の生成を許可する」にチェックを入れます。
   これにより、Cookie, Set-Cookie, Authorization HTTPヘッダが HAR に出力可能になります。
(3) 「ネットワーク (Network)」タブを選択します。
(4) 「ログを保持(Preserve log)」にチェックを入れます。 
(5) 「ネットワークログの記録」アイコンが赤く表示されていることを確認します。
(6) 「ネットワークログの記録」アイコンの隣にある「クリア」アイコンを押下し、ネットワークログを全て削除します。
(7) 事象の再現中に新規ウィンドウや新規タブに遷移する場合は、以下もチェックします。
   開発者ツールのF1 ボタンを押下し、画面右側のグローバルセクションの「DevToolsをポップアップで自動オープン」にチェックを入れます。 
(8) 事象を再現します。
(9) (Google Chrome 129以前の場合)事象の再現完了後、「HAR をエクスポート...」アイコンを押下します。
   (Google Chrome 130以降の場合)事象の再現完了後、下矢印アイコンを長押しし、「HAR(センシティブ データを含む)をエクスポート...」を選択します。
(10) HARファイルがダウンロードされます。(開発者ツールが複数開いた場合は、それぞれのHARファイルをダウンロードします。)


Microsoft Edgeの場合
(1) Microsoft Edge 上で F12 ボタンを押下し、ブラウザの開発者ツール(DevTools)を開きます。
(2) (Microsoft Edge 130以降の場合)開発者ツールのF1 ボタンを押下し、「基本設定」 - 「ネットワーク」 - 「Allow to generate `HAR` with sensitive data」にチェックを入れます。
   これにより、Cookie, Set-Cookie, Authorization HTTPヘッダが HAR に出力可能になります。
(3) 「ネットワーク (Network)」タブを選択します。
(4) 「ログを保持(Preserve log)」にチェックを入れます。 
(5) 「ネットワークログの記録」アイコンが赤く表示されていることを確認します。
(6) 「ネットワークログの記録」アイコンの隣にある「クリア」ボタンを押下し、ネットワークログを全て削除します。
(7) 事象の再現中に新規ウィンドウや新規タブに遷移する場合は、以下もチェックします。
   開発者ツールのF1 ボタンを押下し、画面右側のグローバルセクションの「ポップアップ用DevToolsを自動的に開く」にチェックを入れます。 
(8) 事象を再現します。
(9) (Microsoft Edge 129以前の場合)事象の再現完了後、「HARをエクスポートしています...」アイコンを押下します。
   (Microsoft Edge 130以降の場合)事象の再現完了後、下矢印アイコンを長押しし、「HARのエクスポート(機密データを含む)...」を選択します。
(10) HARファイルがダウンロードされます。(開発者ツールが複数開いた場合は、それぞれのHARファイルをダウンロードします。)


Internet Explorer(IE)の場合
(1) Internet Explorer(IE) 上で F12 ボタンを押下し、ブラウザの開発者ツールを開きます。
(2) 「ネットワーク 」タブを選択します。
(3) 「ナビゲーション時にエントリをクリア」アイコンをグレー状態にします。 
(4) 「プロファイリングセッションを開始する」アイコンがグレー状態であることを確認します。
(5) 「セッションのクリア」アイコンをクリックし、ネットワークログを全て削除します。
(6) 事象を再現します。
(7) 事象の再現完了後、「HARとしてエクスポート」アイコンを押下します。
(8) HARファイルがダウンロードされます。

 -- 対象 -------------------------------------------------------------------------
iAP/Accel Platform/全アップデート
 --------------------------------------------------------------------------------
 

FAQID:1241
この記事は役に立ちましたか?
3人中1人がこの記事が役に立ったと言っています
Powered by Zendesk