トラブルシューティングのために HAR ファイルを収集する

技術的な問題とエラーメッセージをトラブルシューティングするために、HubSpotのサポートチームからHARファイル、トレース、またはコンソールログのレコードを依頼される場合があります。HARファイルは、ブラウザーとHubSpot間のネットワークアクティビティーをキャプチャーし、ウェブサイトの読み込みとデータ転送に関するより詳細な洞察を提供します。コンソールログは、エラーメッセージなしでHubSpotで予期しない動作を調査するのに役立ちます。Chromeで利用可能なトレースは、ブラウザのアクションの詳細なログを提供します。これらのファイルを提供していただくことで、読み込み速度の低下やエラーなどの問題を診断するための貴重な情報をサポートチームに提供できます。この記事では、さまざまなブラウザーで HAR ファイル、Chrome でトレースをレコードし、コンソール ログを保存する手順について説明します。

注: HAR ファイルをエクスポートする際には、HAR サニタイザーツールを使用するか、テキストエディターでセンシティブデータを手動で削除して、HAR ファイルをサニタイズし、センシティブデータを削除することをお勧めします。

HAR ファイル、コンソールログ、トレースを使用する場合

HARファイル、コンソールログ、トレースを提供していただくと、HubSpotサポートが次のような問題を診断しやすくなります。

• 読み込み時間が遅い。
• 特定のページでエラーが発生しています。
• HubSpotツールの予期しない動作。

HARファイルのレコード

HARファイルをレコードする手順は、使用しているブラウザによって若干異なります。

グーグルクローム

1. Chromeで、問題が発生しているページに移動します。
2. 右上隅にある 3 つの縦のドット アイコン をクリックします。
3. [ その他のツール ] > [開発者ツール]に移動します。
4. [ ネットワーク ] タブをクリックします。
5. [レコード] ボタンが赤であることを確認します。灰色の場合は、クリックして録音を開始します。
6. 上部にある [ログを保持 ]チェックボックスと [キャッシュを無効にする ]チェックボックスをオンにします。

• • 問題がポップアップウィンドウ(認証ポップアップウィンドウなど)で発生している場合は、[ ネットワーク ]タブの右上隅にある settings設定アイコンをクリックします 。 
  • [ グローバル ] セクションまで下にスクロールし、[ ポップアップの DevTools を自動開く ] チェック ボックスをオンにします。

7. 発生している問題を再現するか、エラーが発生しているページを再読み込みしてください。
   
8. 問題を再現し、[ ネットワーク ]タブにすべてのコンテンツがロードされたら、[ネットワーク]パネルの上部にあるアクションバーの[HAR(サニタイズ)をエクスポート ]アイコンをクリックします。
9. HAR ファイルを保存します。

Mozilla Firefoxの

ご注意: HAR ファイルは Firefox のデフォルトではサニタイズされません。HAR サニタイザー ツールを使用するか、テキスト エディターでセンシティブデータを手動で削除して、HAR ファイルをサニタイズしてセンシティブデータを削除することをお勧めします。

1. Firefox で、問題が発生しているページに移動します。
2. 右上隅にある 3 本の水平線アイコン をクリックします。
3. [ その他のツール ] > [ウェブ開発者ツール] に移動します。
4. [ ネットワーク ] タブをクリックします。
5. 「 キャッシュを無効にする」チェックボックスを選択します。 
6. [ネットワーク ]タブの右上隅にある settings設定アイコン をクリックし、[ ログを保持]をクリックします。 
7. 左側の delete ごみ箱アイコン をクリックして、[ ネットワーク]タブにすでに表示されているログをすべて削除します。
8. 発生している問題を再現するか、エラーが発生しているページを再読み込みしてください。
9. 問題を再現し、[ ネットワーク ] タブにすべてのコンテンツが読み込まれたら、要求の 1 つを右クリックし、[すべてを HAR として保存] を選択します。 
10. HAR ファイルを保存します。

マイクロソフトエッジ

1. Edge で、 問題が発生しているページに移動します。
2. 右上隅にある 3 つの水平ドット アイコン をクリックします。
3. [ その他のツール ] > [開発者ツール]に移動します。
4. [ ネットワーク ] タブをクリックします。
5. [レコード] ボタンが赤であることを確認します。灰色の場合は、クリックして録音を開始します。
6. 上部にある [ログを保持 ]チェックボックスと [キャッシュを無効にする ]チェックボックスをオンにします。
7. 発生している問題を再現するか、エラーが発生しているページを再読み込みしてください。
   
8. 問題を再現し、[ ネットワーク ]タブにすべてのコンテンツがロードされたら、[ネットワーク ]パネルの上部にあるアクションバーの [HAR(サニタイズ)をエクスポート ]アイコンをクリックします。
9. HAR ファイルを保存します。

サファリ

ご注意: Safari では、HAR ファイルはデフォルトではサニタイズされません。HAR サニタイザー ツールを使用するか、テキスト エディターでセンシティブデータを手動で削除して、HAR ファイルをサニタイズしてセンシティブデータを削除することをお勧めします。

1. Safariで、問題が発生しているページに移動します。
2. 左上の[ Safari ] > [設定]> [詳細設定]をクリックします。 
3. [ ウェブ開発者向けの機能を表示 ]チェックボックスをオンにします。
4. ページの上部バーで、[ 開発 ] > [ Web インスペクターを表示] をクリックします。
5. [ ネットワーク ] タブをクリックします。
6. 右側の delete ごみ箱アイコン をクリックして、[ ネットワーク ]タブにすでに表示されているログをすべて削除します。
7. [キャッシュを無効にする] チェックボックスをオンにします。
8. 発生している問題を再現するか、エラーが発生しているページを再読み込みしてください。
9. 問題を再現し、[ ネットワーク ]タブにすべてのコンテンツが読み込まれたら、[ エクスポート]をクリックします。
10. HAR ファイルを保存します。

コンソールログの保存

1. ブラウザーで、問題が発生しているページに移動します。
2. ページを右クリックし、[ 検査] をクリックします。 
3. 「 コンソール 」タブをクリックします。
4. コンソールログ内を右クリックします。

• • Google Chrome と Microsoft Edge で、[ 名前を付けて保存] をクリックします。 
  • Mozilla Firefoxで、[ すべてのメッセージをファイルに保存]をクリックします。 
  • Safari で、「 選択項目を保存」をクリックします。

5. コンソール・ログ・ファイルを保存します。

トレースのレコード(Chrome のみ)

1. Chromeの場合、検索バーに 「example.com/cdn-cgi/trace 」と入力し、 example.com をドメイン名に置き換えます。
2. 情報をコピーし、HAR ファイルと共にサポート チケットに追加します。