本文へスキップ

エラー追跡

ホーム画面 > プロジェクト選択 > 分析 > エラー追跡

ブラウザーモニタリングは、ブラウザーのフロントエンド(Front-End) エラーを収集します。 エラーメッセージおよびエラースタック情報、ブラウザー、OS、デバイス、ページのURL情報が含まれています。

エラー探索

時間の経過とともに発生したブラウザーエラーを確認できます。

エラー追跡

  1. 数字1希望する時間を設定してください。 最大1日前まで設定できます。

  2. チャートに表示された 数字 2棒グラフから1つを選択してください。

    数字 3時間一覧から10分単位で収集したデータの中からエラーが発生した詳細時間を選択できます。

  3. 選択時点に発生したブラウザーエラーのチャートの下に一覧として表示されます。

    数字 5テキスト入力ボックスに特定のキーワードを入力すると、一覧から一致するテキストをハイライト表示します。

  4. エラーの詳細を確認するには、一番左の 数字 4 詳細アイコンボタンを選択してください。

エラー詳細情報を確認する

ブラウザーエラーには、次の情報が含まれています。

  • errorType:エラーのタイプを意味します。 AJAXエラー、コンソールエラー、Syntaxエラーを含むソースエラーがあります。

  • pageLocation:ユーザーがアクセスしたページURLです。

  • title:ユーザーがアクセスしたページのタイトル情報です。

  • browser:ユーザーが使用したブラウザーの種類です。

  • borwserVer:ユーザーが使用しているブラウザーのバージョンです。

  • os:ユーザーが使用している機器のOSの種類です。

  • osVer:ユーザーが使用している機器のOSバージョンです。

  • device:ユーザーが使用している機器の種類です。

  • host:ユーザーが訪問したサーバーのドメイン名です。

  • userAgent:ユーザーが使用したブラウザーから受け取った User-Agent 文字列です。

  • message:エラーメッセージです。

  • *stack:エラースタック情報です。 エラースタックには、基本的に難読化されたファイル名とライン、カラム情報が含まれます。

ソースマップのアップロードとエラーコードの提供

配布されたフロントエンドコードが難読化または圧縮された場合、収集されたブラウザーエラーのスタック情報を実際のコードレベルで提供することは困難です。 フロントエンドコードを配布する時点でビルドされたsource-mapを使用すると、ブラウザーエラーが発生したファイル、コードラインにアクセスできます。

  1. エラースタックカラムの分析ボタンを選択してください。

    エラーログ

  2. 選択したエラーログのエラースタック情報を確認できるウィンドウが表示されたらUploadボタンを選択してください。

    エラースタック

  3. コードスタックのソースマップをロードしてください。

難読化されたスタック情報とJavaScriptのソースマップ情報を比較して、実際にエラーが発生したコードを確認できます。

エラー情報をフィルタリングして探索する

ブラウザエラーに含まれた情報を基準にフィルタリングし、エラー情報を見つけることができます。

  1. 画面の左パネルでフィルタリングするブラウザーのエラー情報の項目を選択してください。

  2. 下位一覧が表示されると目的の項目を選択してください。 一覧が多すぎる場合は、検索することもできます。

選択した項目に対応するブラウザーエラーの一覧を表示します。

テーブルのカラム設定

テーブルカラムの表示または非表示

ブラウザーエラー一覧テーブルのカラム ヘッダー項目を表示または非表示にすることができます。

  1. テーブル右上の 設定アイコンボタンを選択してください。

  2. ドロップダウンメニューから カラム設定を選択してください。

  3. カラム設定 ウィンドウが表示されたら カラム追加 セクションでお探しの項目を選択するか、選択を解除してください。

  4. すべての設定を完了して 確認 ボタンを選択してください。

設定した内容がテーブルに適用されます。

テーブルカラムの順序付け

ブラウザーエラー一覧のテーブルでカラム ヘッダーの順序を変更できます。

  1. テーブル右上の 設定アイコンボタンを選択してください。

  2. ドロップダウンメニューから カラム設定を選択してください。

  3. カラム設定 ウィンドウが表示されたら カラム順序設定 セクションでお探しの項目をドラッグして順序を変更してください。

  4. すべての設定を完了して 確認 ボタンを選択してください。

設定した内容がテーブルに適用されます。

テーブルコンテンツの表示設定

ブラウザーエラー一覧に表示するコンテンツの内容を設定できます。 多くの情報が表示されて見づらい場合や必要な内容を追加したい場合に利用できます。

  1. テーブル右上の 設定アイコンボタンを選択してください。

  2. ドロップダウンメニューからテーブルコンテンツ設定を選択してください。

  3. 次のオプションを設定してください。

    • コンテンツ表示有無:テーブル一覧に表示するコンテンツの表示有無を選択してください。

    • タグ管理:テーブル一覧に表示したいタグを選択できます。 見えないように設定したり、手順を変更したりできます。

  4. すべての設定を完了して 確認 ボタンを選択してください。

設定した内容がテーブルに適用されます。