メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

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

更新日時 2025年10月6日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

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

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

HARファイル、コンソールログ、トレースの利用場面

HARファイル、コンソールログ、トレースを提供いただくことで、HubSpotのサポートチームは次のような問題をより簡単に診断できます。

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

HARファイルの記録

HARファイルを記録する手順は、お使いのブラウザーによって若干異なります。

Google Chrome

  1. Chromeで、問題が発生しているページに移動します。
  2. 右上隅にある縦に並んだ3点アイコンをクリックします。
  3. [その他のツール]>[開発者ツール]の順に選択します。
  4. [Network]タブをクリックします。
  5. [Record]ボタンが赤色になっていることを確認します。グレーになっている場合、クリックして記録を開始します。
  6. 上部にある[Preserve log]チェックボックスと[Disable cache]チェックボックスをオンにします。
    • 問題がポップアップウィンドウ(認証ポップアップウィンドウなど)で発生している場合は、[Network]タブの右上隅にあるsettings設定アイコンをクリックします。
    • [Global]セクションまで下にスクロールし、[Auto-open DevTools for popups]チェックボックスをオンにします。
  1. 問題を再現するか、エラーが発生しているページを再読み込みします。
  2. 問題を再現し、[Network]タブに全てのコンテンツが読み込まれたら、[Network]パネルの上部にあるアクションバーの[Export HAR (sanitized)...]アイコンをクリックします。
  3. HARファイルを保存します。


ChromeでHARファイルを記録する方法を示すGIF-1

Mozilla Firefox

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

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

Mozilla FirefoxでHARファイルを記録する方法を示すGIF

Microsoft Edge

  1. Edgeで、問題が発生しているページに移動します。
  2. 右上隅にある横に並んだ3点アイコンをクリックします。
  3. [その他のツール]>[開発者ツール]の順に選択します。
  4. [Network]タブをクリックします。
  5. [Record]ボタンが赤色になっていることを確認します。グレーになっている場合、クリックして記録を開始します。
  6. 上部にある[Preserve log]チェックボックスと[Disable cache]チェックボックスをオンにします。
  7. 問題を再現するか、エラーが発生しているページを再読み込みします。
  8. 問題を再現し、[Network]タブに全てのコンテンツが読み込まれたら、[Network]パネルの上部にあるアクションバーの[Export HAR (sanitized)]アイコンをクリックします。
  9. HARファイルを保存します。

EdgeでHARファイルを記録する方法を示すGIF-1

Safari

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

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

SafariでHARファイルを記録する方法を示すGIF

コンソールログの保存

  1. ブラウザーで、問題が発生しているページに移動します。
  2. ページ上の任意の場所を右クリックし、[検証]をクリックします。 
  3. [コンソール]タブをクリックします。
  4. コンソールログの領域内を右クリックします。
    • Google Chromeでは[名前を付けて保存]、Microsoft Edgeでは[Save as]をクリックします。 
    • Mozilla Firefoxでは、[全てのメッセージをファイルに保存]をクリックします。 
    • Safariでは、[選択項目の保存]をクリックします。
  1. コンソールログファイルを保存します。


コンソールログの保存方法を示すGIF

トレースの記録(Chromeのみ)

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

Chromeでトレースを記録する方法を示すGIF

 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。