すべての製品

このチュートリアルでは、問題をトラブルシューティングするためにカスタマーサポートから要求されたネットワークリクエストとエラーログを生成する方法を学習します。問題が発生したときに、チームメンバーからHTTPアーカイブ(HAR)ファイルやネットワークリクエストのログを記録するように求められる場合があります。問題をトラブルシューティングするには、HARファイルに加えて、ブラウザのコンソールログを含めてください。

同様に、HARファイルに加えてWindowsログファイルも収集できます。

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

このワークフローには、以下のステップが含まれます。

HARファイルを生成する手順

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

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

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

  1. Chromeを開き、問題が発生しているページに移動します
  2. 「⋮」ボタンを見つけ、「その他のツール>デベロッパーツール」の順に選択します。
  3. パネルから「ネットワーク」タブを選択します。問題を再現するときは、メニューを開いたままにします。オプション:カスタマーサポートがWebSocketを含むHARファイルをリクエストした場合は、「ネットワーク」タブで「Socket」オプションを選択します。ブラウザを再度読み込み、WebSocket経由でのトラフィックを確認します。Socketオプションでは、HARファイルをダウンロードする際にすべてのログを取得するのではなく、表示フィルターを目的として、WebSocketのログのみをダウンロードします。「ネットワーク」タブの「Socket」オプション
  4. タブの左上端にある丸い記録ボタンを探し、ボタンが赤くなっていることを確かめます。グレーの場合は、ボタンをクリックして記録プロセスを開始します。
  5. 「Preserve log」チェックボックスを選択します。
  6. グレーのバツ印ボタンをクリックして、「ネットワーク」タブから既存のログをすべて消去します
  7. ネットワークがリクエストを記録したときに問題を再現する
  8. ダウンロードボタン「Export HAR」をクリックしてファイルをダウンロードし、「Save as HAR with Content」を選択してファイルをコンピュータに保存します。

    Chromeのネットワークタブからダウンロードボタン

  9. さらに調査するために、HARファイルをチケットにアップロードします。「HARファイルの送信」を参照してください。

MacコンピュータでもWindowsコンピュータでも手順は同じです。アニメーションは、ChromeでHARファイルを取得する手順を示しています。

ChromeでHARファイルを生成する方法を示すアニメーション

ファイル生成に関する問題については、Webセッショントラフィックを取得します。

ゼロバイトの空のHARファイルを生成する場合は、機密データのHARエクスポートを有効にします。

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

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

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

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

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

    FirefoxですべてをHARとして保存します

  5. HARファイルを使いやすい場所に保存します
  6. さらに調査するために、HARファイルをチケットにアップロードします。「HARファイルの送信」を参照してください。

MacコンピュータでもWindowsコンピュータでも手順は同じです。Firefoxでのファイル生成に関する問題については、ネットワークモニターを使用してください。

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

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

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

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

  1. Safariを開き、「開発」メニューに移動します。「開発」メニューが表示されない場合は、「Use the developer tools in the Develop menu in the Safari on Mac」を参照してください。
  2. 「Webインスペクターを表示」を選択します。
  3. 「ネットワーク」タブをクリックします。問題を再現するときは、開いたままにしてください。
  4. ネットワークがリクエストを記録したときに問題を再現する
  5. 「エクスポート」アイコンをクリックし、HARファイルを保存します。Safariのエクスポートログ
  6. さらに調査するために、HARファイルをチケットにアップロードします。「HARファイルの送信」を参照してください。

Safariでのファイル生成に関する問題については、Webインスペクタを使用してください。

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

  1. 「基本設定」を開き、「詳細」タブに移動します。
  2. メニューバーで「Show Developer menu」を選択します。
  3. 個人設定を閉じる
  4. メニューバーで、「Developer > Show error console」を選択します。
  5. エラーがある場合はスクリーンショットを作成する

Chromiumベースのブラウザで複数のブラウザタブにわたってHARファイルを生成する

Chromiumベースのブラウザを設定して、複数のブラウザタブにわたってHARファイルを生成するには

  1. ブラウザを開いた状態で、「Developer Tools」ドロワーを開きます。または、ブラウザの「設定」メニューを開き、「その他のツール > Developer Tools」を選択します
  2. Developerツールのドロワーの設定を開きます。
  3. 「Global settings」エリアまでスクロールし、「Auto-open DevTools for popups」オプションを選択します。
  4. 「Settings」メニューを閉じる
  5. HARファイルを記録するページに移動し、「開発者ツール」ドロワーが開いていることを確認します。

「開発者ツール」ドロワーが開いている限り、ページ上のリンクから開いたページやタブも「開発者ツール」ドロワーが開いた状態で開き、HARファイルレコードプロセスが開始されます。

HARファイルの送信手順

HARファイルをZendeskに送信する前に

  • HARファイルの名前を変更し、zipまたは圧縮します
  • 圧縮されていないHARファイルは多くの場合、Zendesk添付ファイルの制限を超えます
  • デフォルトでは、HARファイルはページのURLをファイル名として使用します
  • .com 拡張子を持つファイルは、スパムフィルターやフィッシングフィルターにより不審なメールと見なされます。HARファイルに、完全なURLを含まないわかりやすい名前を付けます。

その他のリソース

アカウントに問題がある場合は、トラブルシューティングガイドを使用して問題を診断してください。まだZendeskをご利用でない場合は、Zendeskのトライアルにご登録ください。

翻訳に関する免責事項:この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。

翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。

Powered by Zendesk