トラブルシューティングのためにHARファイルを収集する | ナレッジベース

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

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

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

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

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

HARファイルを記録

HARファイルを記録する手順は、使用しているブラウザによって若干異なります。HARファイルは、問題が発生しているユーザーが収集する必要があります。 

Google Chrome

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

• • 問題がポップアップウィンドウ（認証ポップアップウィンドウなど）で発生している場合は、［Network］タブの右上隅にあるsettings設定アイコンをクリックします。
  • ［Global］セクションまで下にスクロールし、［Auto-open DevTools for popups］チェックボックスをオンにします。

7. 問題を再現するか、エラーが発生しているページを再読み込みします。
8. 問題を再現したら、数秒待って ネットワーク タブですべてのコンテンツが読み込まれるまで、 USB レコーディング ボタンをクリックして録音を停止します。[ネットワーク]パネルの上部にあるアクションバーの[HAR(サニタイズ)をエクスポート... ]アイコン(下矢印)をクリックします。
9. HAR ファイルを保存します。

Mozilla Firefox

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

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

Microsoft Edge

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

Safari

注：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では［Save as］をクリックします。 
  • Mozilla Firefoxでは、［全てのメッセージをファイルに保存］をクリックします。 
  • Safariでは、［選択項目の保存］をクリックします。

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

トレースを記録する(Chromeのみ)

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