ブラウザモニタリングのJS errors UIページでは、JavaScriptエラーがどこで発生しているのかを示し、根本原因の特定に役立つツールを提供します。また、JSエラーデータに関して問い合わせてクエリビルダーでダッシュボードを作成するか、ブラウザAPIを利用して処理済みエラーをモニターできます。
JavaScriptエラーを表示する
JavaScriptエラーを検証するには:
- one.newrelic.com > All capabilities > Browser >(アプリを選択)> JS errorsに移動します。
- UIで利用可能なオプションを利用して、何がエラーの原因となっているかを検証します。
- オプション:UIでイベントトレイルまたはスタックトレースを見直します。
- オプション:JSエラーデータに関して問い合わせてダッシュボードを作成、またはAPIを使用してエラーをモニターまたはログに記録します。
UIで使用可能なオプションには、以下が含まれます。
以下を行う場合... | 実行する操作 |
---|---|
長いエラーリストを検索 | Search ボックスを使用すると、キーワード、URL等でエラーをすぐに見つけて、修正できます。 |
attributesをグループ化およびフィルタリング |
|
注目すべき偏差とパターンを表示する | エラープロファイルテーブルは、通常よりも頻繁にエラーが発生するブラウザバージョンまたはデバイスなど、注目すべき統計的変動を示しています。 |
エラー詳細を検証する | |
エラーにつながったイベントを検証する | イベントトレイルには、エラーにつながったブラウザインタラクション、AJAXコール、そしてトレースが表示されます。 |
Minified版JavaScriptをデコードする | JavaScriptがMinified版の場合、JS errorsページのエラーはあまり役に立たない可能性があります。Minified版JavaScriptをデコードして、こうしたエラースタックトレースを活用するには、New RelicにJavaScriptソースマップをアップロードします。 |
one.newrelic.com > All capabilities > Browser >(アプリを選択)> JS errors:このページを使用して、エラーをグループ化およびフィルタリングし、スタックトレースの詳細を調べて、トレンドを調べます。
JSデータの問い合わせと視覚化
New Relicは、JSエラーをイベントデータとして保存します。これにより、クエリビルダーでエラーデータをクエリできます。NRQLクエリを実行して、表示または共有するダッシュボードを作成するには、クエリビルダーでJavaScriptError
イベントタイプを問い合わせます。
APIを使用して処理済みエラーを監視する
ブラウザAPIのnoticeError
コールを使用すると、ご利用のアプリケーションが処理したエラーやその他のエラーを関知し、ログ記録できます。
イベントトレイルの確認
重要
SPAモニタリングを有効にする必要があります。
イベントトレイルには、JSエラーにつながったブラウザインタラクション、AJAXコール、トレースが表示されます。これによって、エラーの根本原因をトラブルシューティングできます。
one.newrelic.com > All capabilities > Browser >(アプリを選択)> JS errors >(エラーを選択)> Error instances:SPAモニタリングを有効にすると、イベントトレイルにはエラーに至るまでのアクティビティが表示されます。
イベントトレイル(利用可能な場合)を表示するには:one.newrelic.com > ブラウザ >(アプリを選択)> JS errors >(エラーを選択)> Error instancesに移動します。イベントトレイルにイベントがない場合は、イベントトレイルは表示されません。
たとえば、エラーメッセージを示すAJAXリクエスト後にJSエラーが発生している場合、AJAXリクエストに正しい情報が含まれていない可能性があります。この場合、AJAXコールの失敗が原因となってJSエラーにつながります。
スタックトレースを表示する
スタックトレースでは、エラーが重要な機能性を損ねているか、そのエラーの重要性が低いかを示すことができます。エラーのスタックトレース(利用可能な場合)を表示するには:one.newrelic.com > All capabilities > Browser >(アプリを選択)> JS errors >(エラーを選択)> Error instancesに移動します。
グローバルおよび一般的エラー
New Relicは、JavaScript関数をラップすることで、スタックトレース経由で投げられるエラー情報を取得します。エラーがスローされない場合、それらは利用できません。たとえば、AngularJSアプリケーションでAngularJSエラーがUIに表示されない際は、トラブルシューティング手順に従います。
一部の旧式のブラウザでは、次のエラーを利用できない場合があります。
SyntaxError
またはScript error
:これらは、スクリプトの読み込み中に発生するため、スタックトレースを生成しません。- インラインJavaScriptまたはイベントハンドラのエラー:ラップされていません。
- 別ドメインに存在するサードパーティースクリプトが投げたエラーは、利用できません。
- 古いブラウザで発生したエラー:使用可能なスタックトレースを提供できない場合があります。一部のケースでは、スタックトレースが一切提供されない場合もあります。
エラー収集はJavaScript関数をラップすることで行われるため、ブラウザによって下位で投げられるエラー(オリジン間リソース共有エラー等)も利用できません。