トラブルシューティング: ブラウザでの HAR ファイルの作成

トピック

2024-12-07 07:57:32

Google Chrome用HARファイルの取得

最新バージョンのブラウザを使用していることを確認してください。最新バージョンをダウンロードするには、上のブラウザアイコンをクリックしてください。

Google Chromeを開き、問題が発生しているページに移動します。
ブラウザウィンドウの右上にある Chrome メニューをクリックし、[その他のツール] → [開発者ツール] を選択するか、F12 ボタンを押します。開発者ツールウィンドウは、Chrome の側面または下部にドッキングパネルとして開きます
開いたパネルから、「ネットワーク」タブを選択します。
「ログを保持」にチェックをし有効にします。
「ネットワーク」タブの左上隅に丸いリコードボタンが確認できます、これは録画が開始していることを示しています。ボタンが灰色になっている場合、ボタンをクリックしブラウザのアクティビティの記録を開始します。
ページを更新し、監視の必要があるウェブサイトの問題再現を実行します。
ウェブサイト問題の再現を正常に実行した後、アクティビティペインの任意の行を右クリックし、[コンテンツとともにHARとして保存] を選択するか、[HARをエクスポート] アイコンをクリックして HAR ファイルをダウンロードします。

上記の手順のビデオ表現については、下の GIF を参照してください。

Firefoxを開き、問題が発生しているページに移動します。
ブラウザウィンドウの右上にある Firefox メニューをクリックし、[Web 開発者] → [ネットワーク] を選択するか、 F12 ボタンを押します。開発者ツールウィンドウは、Firefox の側面または下部にドッキングされたパネルとして開き
「ネットワーク」タブを選択します。
「ネットワーク設定」をクリックし、ログ持続を有効にします
ページを更新し、エラーを記録するため、問題が生じた操作を再現します。
ウェブサイト問題の再現を正常に実行した後、アクティビティペインの任意の行を右クリックし、[コンテンツとともにHARとして保存] を選択するか、[HARをエクスポート] アイコンをクリックして HAR ファイルをダウンロードします。

上記の手順のビデオ表現については、下の GIF を参照してください。

Safariを開き、問題が発生しているページに移動します。
開発者ツールを有効にします: [Safari] > [設定] > [詳細] > メニューバーに [開発メニューを表示] をクリックします。
上の方のメニューバーで [開発] をクリックし、[Web インスペクターを表示] を選択します。
[環境設定] タブをクリックして、[ログの保存] を有効にします。
「ネットワーク」タブを選択します。
ページを更新し、エラーを記録するため、問題が生じた操作を再現します。
ウェブサイト問題の再現を正常に実行した後、アクティビティペインの任意の行を右クリックし、[コンテンツとともにHARとして保存] を選択します。これをすることにより、すべての情報がクリップボートに保存されます。
メモで「.har」の新しいテキストファイルを作成し、テキストに貼り付けます。ファイルを保存し、調査のためにメールで送信してください。

上記の手順のビデオ表現については、下の GIF を参照してください。

Microsoft Edgeを開き、問題が発生しているページに移動します。
ブラウザの右上にある Edge メニューをクリックし、[その他のツール] → [開発者ツール] を選択するか、F12 ボタンを押します。開発者ツールウィンドウは、Microsoft Edge の側面または下部にあるドッキングパネルとして開きま
「ネットワーク」タブをクリックします
デフォルトで選択されている [移動時にエントリをクリア] オプションの選択を解除します。
緑色の再生ボタン (プロファイリングセッションの開始) がデフォルトで選択されている必要があります。これは、キャプチャ機能が実行されていることを意味します。
ページを更新し、エラーを記録するため、問題が生じた操作を再現します。
ウェブサイト問題の再現を正常に実行した後、[HAR としてエクスポート] アイコンをクリックし、HAR ファイルをダウンロードします。

上記の手順のビデオ表現については、下の GIF を参照してください。

Brave を開き、問題が発生しているページに移動します。
ブラウザーの右上でBraveメニューをクリックし、その他のツール > デベロッパーツールと選択します。またはF12ボタンのクリックします。開発者ツールウィンドウは、Brave の側面または下部にあるドッキングパネルとして開きます
「ネットワーク」タブを選択します。
（ログの保存）を有効にします。
Networkタブの左上に、赤丸が表示されているのを確認ください。この表示が出た段階で、取得が可能です。黒丸が表示される場合は、黒丸をクリックしてブラウザーアクティビティを記録します。
ページを更新し、エラーを記録するため、問題が生じた操作を再現します。
ウェブサイト問題の再現を正常に実行した後、アクティビティペインの任意の行を右クリックし、[コンテンツとともにHARとして保存] を選択するか、[HARをエクスポート] アイコンをクリックして HAR ファイルをダウンロードします。

上記の手順のビデオ表現については、下の GIF を参照してください。

役に立ちましたか？

はい

いいえ