問題
New Relic サポートでは、ブラウザ側で何が起こっているのか、さらにトラブルシューティングの詳細が必要で、アクセス可能なURLやページのソースコードを提供することができません。
解決
ブラウザのタイプに基づいて、調査用のHAR (HTTP アーカイブ)ファイルを作成し、 support.newrelic.comに送信します。HAR ファイルには、記録された期間中にページに関連したネットワーク呼び出しに関するすべての情報が含まれています。
HARファイルを記録する際には、サイトの機能を利用して適切なタイプのアクティビティを生成します。例えば、AJAX の問題がある場合は、AJAX 呼び出しを行うページのセクションを演習します。
重要
HARファイルは、記録されている間のすべてのネットワークトラフィックをキャプチャします。このトラフィックデータには、プライベートな情報や個人を特定できる情報(クッキー、パスワード、クレジットカード番号など)が含まれることがあります。お客様は、HAR ファイル内を含め、New Relic に提供するすべてのデータに対して責任を負います。HAR ファイルは、テキストエディターで編集することができます。HARファイルを共有する前に、手動で機密情報を削除することを強くお勧めします。
Google Chromeブラウザには、HARファイルを生成する機能が搭載されています。お使いのブラウザのバージョンによっては、コンソールを開くためのパス名が異なる場合があります。
ヒント
HAR ファイルを収集する前に、Browseragent がアクティブに実行され、アプリ ページにインストールされていることを確認してください。
- Chrome メニュー (右上) から、該当する場合はTools > Developer toolsまたはMore tools > Developer toolsを選択します。
- コンソールからNetworkを選択します。
- 記録アイコンを選択します。
- 該当する場合は、 Preserve logチェックボックスを選択して、ネットワーク トランザクション データを保存します。
- 問題の再現を試みる前に、クリアアイコンを選択して不要なヘッダー情報を削除します。
- 問題のあるタイプのトラフィックを生成するためにあなたのサイトをナビゲートします。
- ブラウザがNew Relicのコレクターにデータを報告するまで数分待ちます。
- コンソールの下部にあるトランザクション リストを右クリックし、 Save as HAR with Contentを選択して、キャプチャした情報を保存します。
Firefoxバージョン41以降では、トランザクションをHARファイルにコピーする機能がついています。
- Firefoxメニュー(右上)から、 Developer > Network
- 不要なヘッダー情報を削除するには、 Clearオプション (開発者ウィンドウの右下隅) を選択します。
- 問題のあるタイプのトラフィックを生成するためにあなたのサイトをナビゲートします。
- ブラウザがNew Relicのコレクターにデータを報告するまで数分待ちます。
- コンソールのトランザクション リストを右クリックし、 Copy All As HARを選択してデータをバッファーに配置するか、 Save All As HAR選択してデータをファイルにコピーして、情報をキャプチャします。
- Developer Toolsを開くには、キーボードの F12 キーを押すか、メニューでDeveloper Toolsを見つけます。
- Networkタブを選択します。
- ブラウザとサーバー間のトラフィックのキャプチャを開始するには、ページを更新するか、対象ページのリンクをクリックしてください。
- HAR ファイルを保存するには、 Export as HAR選択してからSave As...を選択してください。
- 開発メニューを有効にする: macOS メニューバーからSafari > Preferences > Advanced > Show Develop menu in menu barに移動します。
- macOS メニューバーから、 Develop > Show Web Inspector > Networkタブに移動します。
- Networkタブ内で、 Preserve logオプションをチェックします。
- ページを更新し、Safari がbrowserインタラクションを記録できるようにします。
- ページが読み込まれたら、[ネットワーク] タブのウィンドウの右上にあるExportを選択します。