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

Zendeskカスタマーサポートは、ブラウザで生成されたネットワークリクエストに関する補足情報を必要とする場合があります。その問題が発生している間、チームメンバーからHARファイルやネットワークリクエストのログを記録するように求められる場合があります。HARファイルに加えて、ブラウザコンソールのログも含めると役立ちます。 

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

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

Chrome

Firefox

Safari

Edge

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

1. Chromeを開き、問題が発生しているページに移動します。
2. 「⋮」ボタンを見つけ、「その他のツール」>「デベロッパーツール」の順に選択します。
3. 表示されたパネルから、「ネットワーク」タブを選択します。問題を再現する間は、メニューを開いたままにしておく必要があります。 
   
   オプション：ZendeskカスタマーサポートがWebSocketを含むHARファイルをリクエストした場合は、「ネットワーク」タブで「WS」オプションを選択します。ブラウザを再度読み込み、WebSocket経由でのトラフィックの確認を開始します。
   
   
   
4. タブの左上端にある丸い記録ボタンを探し、ボタンが赤くなっていることを確かめます。ボタンが灰色になっている場合は、ボタンを1回クリックして記録を開始します。
5. ボタンが灰色になっていない場合は、「ログを保持」ボックスにチェックを入れます。
6. バツ印ボタンをクリックして、「ネットワーク」タブから既存のログをすべて消去します。
7. ネットワークリクエストの記録中に問題を再現します。
8. 「HARをエクスポート」のダウンロードボタンをクリックして、ファイルをダウンロードし、コンピュータに次のように保存します：コンテンツとともにHARとして保存
   

   

9. さらに調査するために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。

MacコンピュータでもWindowsコンピュータでも手順は同じです。ChromeでHARファイルを取得する手順を示した簡単なアニメーションを以下に示します。

このファイルの生成に関する問題については、Googleのヘルプセンターの次の記事を参照してください：「Webセッションのトラフィックをキャプチャーする」

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

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

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

1. Firefoxを開き、問題が発生しているページに移動します。
2. ネットワークモニターを開きます。
3. ネットワークリクエストの記録中に問題を再現します。
4. 「ファイル」列の任意の場所を右クリックし、「すべてをHARとして保存」をクリックします。
   

   

5. HARファイルをアクセスしやすい場所に保存します。
6. さらに調査するために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。 

MacコンピュータでもWindowsコンピュータでも手順は同じです。FirefoxでHARファイル生成時に発生する問題については、Firefox Source Docsの次の記事を参照してください：「ネットワークモニター」

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

1. 「ツール」メニューで、「Web開発者」を選択します。
2. コンソールログが別のウィンドウに表示されます。
3. 表示されるエラーのスクリーンショットを作成します。

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

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

SafariでHARファイル生成時に発生する問題については、Safariの開発者Webサイトの次の記事を参照してください：「Webインスペクター」

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

1. 「環境設定」を開き、「詳細」タブに移動します。
2. メニューバーで「開発者メニューを表示」を選択します。
3. 「個人設定」を閉じます。
4. メニューバーで、「開発者」>「エラーコンソールを表示」を選択します。
5. 表示されるエラーのスクリーンショットを作成します。

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

1. Edgeを開き、ネットワークツールに移動します。
2. ネットワークリクエストの記録中に問題を再現します。
3. キャプチャーしたトラフィックをHARファイルとしてエクスポートします。
4. さらに調査するために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。

EdgeでHARファイル生成時に発生する問題については、Microsoft Edgeの次の記事を参照してください：「ネットワークアクティビティを調査する」

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

1. ブラウザウィンドウの右上にある3つのドットを選択します。
2. 「その他のツール」>「デベロッパーツール」をクリックします。
3. 「デベロッパーツール」パネルで、「コンソール」タブをクリックします。
4. コンソールを右クリックし、「コンソールから既存のログをすべて消去」を選択します。
5. 「ログを保持」チェックボックスにチェックを入れます。
6. Edgeブラウザで発生した問題を再現します。
7. 表示されるエラーのスクリーンショットを作成します。

メモ：このページの右下隅にあるウィジェットは、HARファイルまたは50MBを超えるファイルの添付ファイルに対応していません。代わりに、メールまたはGoogleドライブやDropboxなどの方法で、Zendeskカスタマーサポートのチケットにファイルを添付してください。

その他の参考資料

アカウントで問題が発生した場合は、次のアドバイスとトラブルシューティングの短い記事を参照してください：「アドバイスとトラブルシューティング」。まだZendeskをご利用でない場合は、Zendeskのトライアルに今すぐご登録ください。