トラブルシューティング用のHARファイルの生成

Zendeskカスタマーサポートでは、ブラウザで生成されるネットワークリクエストに関する追加情報が必要になることがあります。問題が発生している間、カスタマーサポートチームのメンバーからHARファイル、またはネットワークリクエストのログを記録するよう求められることがあります。HARファイルに加え、ブラウザのコンソールログも記録しておくと便利です。同様に、HARファイルに加え、Windowsログファイルを収集することもできます。

メモ：HARファイルには、Cookieの内容や記録中にダウンロードしたページなどのデータが含まれます。HARファイルにアクセスできる人であれば誰でも、記録中に送信されたデータを見ることができ、その中には個人データやその他の機密データが含まれている可能性があります。HARファイルを適切に保護してください。Cloudflareは、機密情報を取り除くために使用できるHARサニタイザーをリリースしています。

この記事では、次のトピックについて説明します。

• HARファイルの作成手順
• HARファイルの送信手順
• その他の参考資料

HARファイルの作成手順

以下のリンクをクリックして、使用するブラウザでHARファイルとコンソールログを生成する手順を参照してください。 

• ChromeでHARファイルを生成する
• FirefoxでHARファイルを生成する
• SafariでHARファイルを生成する
• EdgeでHARファイルを生成する

ChromeでHARファイルを生成する

1. Chromeを開き、問題が発生しているページに移動します。
2. 「⋮」ボタンを見つけ、「その他のツール」>「デベロッパーツール」を選択します。
3. 表示されたパネルで、「Network」タブを選択します。問題を再現している間、このメニューを開いておく必要があります。 
   
   オプション：ZendeskカスタマーサポートからWebSocketを含むHARファイルが要求された場合は、「Network」タブで「WS」オプションを選択します。ブラウザを再読み込みして、WebSocket経由のトラフィックを確認します。WSオプションでは、HARファイルのダウンロード時にすべてのログがキャプチャされるわけではなく、表示フィルターの目的でWebSocketログのみをダウンロードすることに注意してください。
   
   
   
4. 左上端にある丸い記録ボタンを探し、ボタンが赤くなっていることを確認します。ボタンがグレーの場合は、1回クリックすると録画が開始されます。
5. 録画が開始されない場合は、「Preserve log」ボックスをチェックします。
6. 斜線の入ったグレーの丸ボタンをクリックして、「Network」タブから既存のログをすべて消去します。
7. ネットワークリクエストを記録しながら、問題を再現します。
8. ダウンロードボタン「Export HAR」をクリックしてダウンロードし、「Save as HAR with content」を選択してファイルをコンピュータに保存します。
   

   

9. 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。 
   詳しくは「HARファイルの送信手順」を参照してください。

手順は、MACコンピュータでもWindowsコンピュータでも同じです。ChromeでHARファイルを取得する手順を示す、以下の簡単なアニメーションをご覧ください。

このファイルの生成に問題がある場合は、Googleのヘルプセンターで「ウェブセッションのトラフィックデータを取得する」の記事を参照してください。

空のHARファイルが生成された場合は、「エクスポートされたChrome HARファイルがゼロバイトを返すのはなぜですか？」というトラブルシューティングに関する記事を参照してください。場合によっては、機密データを含むHARエクスポートを有効にする必要があるかもしれません。

Chromeでコンソールログを取得するには

1. Chromeのメインメニューを開きます。
2. 「その他のツール」>「デベロッパーツール」に移動します。
3. 「Console」タブを開き、エラーが表示されたらスクリーンショットを撮ります。

FirefoxでHARファイルを生成する

1. Firefoxを開き、問題が発生しているページに移動します。
2. 「Network Monitor」を開きます。
3. ネットワークリクエストを記録しながら、問題を再現します。
4. 「File」列の下の任意の場所を右クリックし、「Save All As HAR」をクリックします。
   

   

5. HARファイルをすぐに見つけやすい場所に保存します。
6. 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。 
   詳しくは「HARファイルの送信手順」を参照してください。

手順は、MACコンピュータでもWindowsコンピュータでも同じです。FirefoxでHARファイルを生成する問題については、「Firefox Source Docs: Network Monitor」のこの記事を参照してください。

Firefoxでコンソールのログを取得するには

1. Toolsメニューで、「Web Developer」を選択します。
2. コンソールのログが別ウィンドウに表示されます。
3. エラーが表示されたらスクリーンショットを撮ります。

SafariでHARファイルを生成する

1. Safariを開き、「Develop」メニューに移動します。「Develop」メニューが表示されない場合は、Safariユーザーガイドの「MacのSafariで「開発」メニューのデベロッパツールを使用する」の手順に従います。
2. 「Show Web Inspector」を選択します。
3. 「Network」タブをクリックします。問題を再現する間、このタブを開いておく必要があります。
4. ネットワークリクエストを記録しながら、問題を再現します。
5. Exportアイコンをクリックして、HARファイルを保存します。
   
6. 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。
   詳しくは「HARファイルの送信手順」を参照してください。 

SafariでHARファイルを生成する際の問題については、Safari Developer Webサイトの「Web Inspector」の記事を参照してください。

Safariでコンソールログを取得するには

1. 「Preferences」を開き、「Advanced」タブに移動します。
2. メニューバーの「Show Developer menu」を選択します。
3. 「Preferences」を閉じます。
4. メニューバーで、「Developer」>「Show error console」を選択します。
5. エラーが表示されたらスクリーンショットを撮ります。

EdgeでHARファイルを生成するには

1. Edgeを開き、「Network tool」に移動します。
2. ネットワークリクエストを記録しながら、問題を再現します。
3. Exploreは、トラフィックをHARファイルとして取得します。
4. 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。
   詳しくは「HARファイルの送信手順」を参照してください。 

EdgeでHARファイルを生成する際の問題については、Microsoft EdgeのWebサイトで「Inspect network activity」の記事を参照してください。

Edgeでコンソールログを取得するには

1. ブラウザウィンドウの右上にある3つの点（⋮）を選択します。
2. 「その他のツール」>「開発者ツール」をクリックします。
3. 開発者ツールパネルで、「コンソール」タブをクリックします。
4. コンソールを右クリックし、既存のログの「コンソールのクリア」を選択します。
5. 「ログの保持」チェックボックスをチェックします。
6. Edgeブラウザで発生した問題を再現します。
7. エラーが表示されたらスクリーンショットを撮ります。

メモ：このページの右下にあるウィジェットは、HARファイルまたは50MBを超えるファイルの添付をサポートしていません。それらのファイルをZendeskカスタマーサポートのチケットに添付するには、ウィジェットではなく、メールやGoogle Drive、Dropboxなどの方法を使用してください。 

HARファイルの送信手順

ZendeskにHARファイルを送信する前に、HARファイルの名前を変更し、zipまたは圧縮する必要があります。圧縮されていないHARファイルは、Zendeskの添付ファイル制限を超えることがよくあります。また、デフォルトでは、HARファイルはページのURLをファイル名として使用します。拡張子が.comのファイルは、スパムフィルターやフィッシングフィルターに疑わしいように見えます。HARファイルには、完全なURLを含まないわかりやすい名前を付けます。

その他の参考資料

アカウントで問題が発生している場合は、アドバイスやトラブルシューティングに関する記事を参照し、簡潔なアドバイスや解決のヒントを見つけてください。まだZendeskをご利用でない場合は、Zendeskトライアルにご登録ください。