Zendeskカスタマーサポートでは、ブラウザで生成されるネットワークリクエストに関する追加情報が必要になることがあります。問題が発生している間、カスタマーサポートチームのメンバーからHARファイル、またはネットワークリクエストのログを記録するよう求められることがあります。HARファイルに加え、ブラウザのコンソールログも記録しておくと便利です。同様に、HARファイルに加え、Windowsログファイルを収集することもできます。
この記事では、次のトピックについて説明します。
HARファイルの作成手順
以下のリンクをクリックして、使用するブラウザでHARファイルとコンソールログを生成する手順を参照してください。
ChromeでHARファイルを生成する
- Chromeを開き、問題が発生しているページに移動します。
- 「⋮」ボタンを見つけ、「その他のツール」>「デベロッパーツール」を選択します。
- 表示されたパネルで、「Network」タブを選択します。問題を再現している間、このメニューを開いておく必要があります。
オプション:ZendeskカスタマーサポートからWebSocketを含むHARファイルが要求された場合は、「Network」タブで「WS」オプションを選択します。ブラウザを再読み込みして、WebSocket経由のトラフィックを確認します。WSオプションでは、HARファイルのダウンロード時にすべてのログがキャプチャされるわけではなく、表示フィルターの目的でWebSocketログのみをダウンロードすることに注意してください。
- 左上端にある丸い記録ボタンを探し、ボタンが赤くなっていることを確認します。ボタンがグレーの場合は、1回クリックすると録画が開始されます。
- 録画が開始されない場合は、「Preserve log」ボックスをチェックします。
- 斜線の入ったグレーの丸ボタンをクリックして、「Network」タブから既存のログをすべて消去します。
- ネットワークリクエストを記録しながら、問題を再現します。
- ダウンロードボタン「Export HAR」をクリックしてダウンロードし、「Save as HAR with content」を選択してファイルをコンピュータに保存します。
- 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。
詳しくは「HARファイルの送信手順」を参照してください。
手順は、MACコンピュータでもWindowsコンピュータでも同じです。ChromeでHARファイルを取得する手順を示す、以下の簡単なアニメーションをご覧ください。
このファイルの生成に問題がある場合は、Googleのヘルプセンターで「ウェブセッションのトラフィックデータを取得する」の記事を参照してください。
空のHARファイルが生成された場合は、「エクスポートされたChrome HARファイルがゼロバイトを返すのはなぜですか?」というトラブルシューティングに関する記事を参照してください。場合によっては、機密データを含むHARエクスポートを有効にする必要があるかもしれません。
Chromeでコンソールログを取得するには
- Chromeのメインメニューを開きます。
- 「その他のツール」>「デベロッパーツール」に移動します。
- 「Console」タブを開き、エラーが表示されたらスクリーンショットを撮ります。
FirefoxでHARファイルを生成する
- Firefoxを開き、問題が発生しているページに移動します。
- 「Network Monitor」を開きます。
- ネットワークリクエストを記録しながら、問題を再現します。
- 「File」列の下の任意の場所を右クリックし、「Save All As HAR」をクリックします。
- HARファイルをすぐに見つけやすい場所に保存します。
- 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。
詳しくは「HARファイルの送信手順」を参照してください。
手順は、MACコンピュータでもWindowsコンピュータでも同じです。FirefoxでHARファイルを生成する問題については、「Firefox Source Docs: Network Monitor」のこの記事を参照してください。
Firefoxでコンソールのログを取得するには
- Toolsメニューで、「Web Developer」を選択します。
- コンソールのログが別ウィンドウに表示されます。
- エラーが表示されたらスクリーンショットを撮ります。
SafariでHARファイルを生成する
- Safariを開き、「Develop」メニューに移動します。「Develop」メニューが表示されない場合は、Safariユーザーガイドの「MacのSafariで「開発」メニューのデベロッパツールを使用する」の手順に従います。
- 「Show Web Inspector」を選択します。
- 「Network」タブをクリックします。問題を再現する間、このタブを開いておく必要があります。
- ネットワークリクエストを記録しながら、問題を再現します。
-
Exportアイコンをクリックして、HARファイルを保存します。
- 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。
詳しくは「HARファイルの送信手順」を参照してください。
SafariでHARファイルを生成する際の問題については、Safari Developer Webサイトの「Web Inspector」の記事を参照してください。
Safariでコンソールログを取得するには
- 「Preferences」を開き、「Advanced」タブに移動します。
- メニューバーの「Show Developer menu」を選択します。
- 「Preferences」を閉じます。
- メニューバーで、「Developer」>「Show error console」を選択します。
- エラーが表示されたらスクリーンショットを撮ります。
EdgeでHARファイルを生成するには
- Edgeを開き、「Network tool」に移動します。
- ネットワークリクエストを記録しながら、問題を再現します。
- Exploreは、トラフィックをHARファイルとして取得します。
- 詳しく調べてもうらうために、ZendeskカスタマーサポートのチケットにHARファイルをアップロードします。
詳しくは「HARファイルの送信手順」を参照してください。
EdgeでHARファイルを生成する際の問題については、Microsoft EdgeのWebサイトで「Inspect network activity」の記事を参照してください。
Edgeでコンソールログを取得するには
- ブラウザウィンドウの右上にある3つの点(⋮)を選択します。
- 「その他のツール」>「開発者ツール」をクリックします。
- 開発者ツールパネルで、「コンソール」タブをクリックします。
- コンソールを右クリックし、既存のログの「コンソールのクリア」を選択します。
- 「ログの保持」チェックボックスをチェックします。
- Edgeブラウザで発生した問題を再現します。
- エラーが表示されたらスクリーンショットを撮ります。
HARファイルの送信手順
ZendeskにHARファイルを送信する前に、HARファイルの名前を変更し、zipまたは圧縮する必要があります。圧縮されていないHARファイルは、Zendeskの添付ファイル制限を超えることがよくあります。また、デフォルトでは、HARファイルはページのURLをファイル名として使用します。拡張子が.comのファイルは、スパムフィルターやフィッシングフィルターに疑わしいように見えます。HARファイルには、完全なURLを含まないわかりやすい名前を付けます。