はじめに
このドキュメントでは、トラブルシューティングのためにネットワークアクティビティをキャプチャおよび共有するために、さまざまなブラウザでHARファイルを作成する方法について説明します。
概要
UmbrellaでUIの動作に異常が発生した場合、サポートからHARファイルの記録を要求される場合があります。HARファイルはHTTPトランザクション用のアーカイブ形式で、WebブラウザがロードするWebページに関する詳細なパフォーマンスデータをエクスポートするために使用できます。問題が発生している間にHARファイルまたはネットワーク要求のログを記録し、さらなる分析のサポートに提供できます。
警告: HARファイルには、ページの内容やCookieなどの機密情報が含まれています。HARファイルにアクセスできるユーザーは、アカウントを偽装して、個人情報、パスワード、クレジットカード番号など、録音中に送信されたすべての情報にアクセスできます。
ChromeでHARファイルを作成する
- Chromeを開きます。
- Menu > More Tools > Developer toolsの順に選択します。
- 「開発者ツール」ウィンドウで、「ネットワーク」タブを選択します。
- レコードボタンがアクティブで、すべてのタイプが表示されていることを確認します。
- 問題が複数のWebページまたはリダイレクトに関係する場合は、ログの消去を防止するためにPreserve Logoptionを選択します。
- キャプチャが必要なブラウザの動作を再現します。
- Export HARをクリックしてHARファイルをダウンロードします。
- ファイルをHAR with Contentとしてコンピュータに保存します。
- ファイル名を割り当て、保存先を選択します。
- このファイルをサポートに送信します。
chrome_preserve_log.pngファイル
EdgeまたはInternet ExplorerでのHARファイルの作成
- EdgeまたはInternet Explorerを開きます。
- ...メニューを選択し、F12 Developer Toolsを選択します。
- 「開発者ツール」ウィンドウで、「ネットワーク」タブを選択します。
- 再生ボタンがグレーで、データがキャプチャされていることを確認します。
- 問題が複数のWebページまたはリダイレクトに関係している場合は、ログを保持するためにredirectingのClear Entriesの選択を解除します。
- キャプチャが必要なブラウザの動作を再現します。
- [HARとしてエクスポート]をクリックしてファイルを保存します。
- このファイルをサポートに送信します。
FirefoxでのHARファイルの作成
- Firefoxを開きます。
- Menu > Web Developer > Networkor useCtrl+Shift+Eの順に移動します。
Fullscreen_2019-07-16__4_51_PM.png
- キャプチャが必要なブラウザの動作を再現します。
- 問題が複数のWebページまたはリダイレクトに関係する場合は、Persist Logsoptionを選択してすべてのエントリを保持します。
- グリッド内を右クリックし、「すべてをHARとして保存」を選択します。
Fullscreen_2019-07-16__4_55_PM.png
- キャプチャファイルを保存します。
- このファイルをサポートに送信します。
SafariでのHARファイルの作成
- Safariを開き、問題のWebページに移動します。
- 「開発」メニューを使用可能にします。
- Safari > Preferences > Advancedの順に移動します。
- メニューバーの「開発」メニューを表示を選択します。
スクリーンショット_2022-04-13_at_8.18.10_AM.png
- 「開発」>「Webインスペクタの表示」を選択します。
- 「Webインスペクタ」ウィンドウで、「ネットワーク」タブを選択します。
スクリーンショット_2022-04-13_at_8.21.41_AM.png
- NetworkタブでPreserveログオプションを選択します。
スクリーンショット_2022-04-13_at_8.23.45_AM.png
- キャプチャする必要があるページの動作をロードまたは再現します。
- [ネットワーク]タブウィンドウの右上隅にある[エクスポート]をクリックします。
スクリーンショット_2022-04-13_at_8.25.27_AM.png
- HARファイルを保存します。
- このファイルをサポートに送信します。