本文へスキップ

エラートレース

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

Browser Monitoringは、ブラウザのフロントエンド(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. すべての設定を完了した後確認ボタンを選択します。

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

テーブルカラムの表示順番の変更

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

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

  2. カラム設定ウィンドウが表示されたら、右側のリストで目的の項目をドラッグして順序を変更します。

  3. すべての設定を完了した後確認ボタンを選択します。

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

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

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

  1. テーブル右上の設定アイコンボタンを選択します。

  2. ログ表示の詳細設定ウィンドウが表示されたら、目的のオプションを設定します。

    • contentまたはタグオプションを選択して、ログにコンテンツの表示有無を選択します。

    • タグ管理: タグは、追加した順にログに表示されます。 タグの順序はドラッグに変更できます。 非活性化されているタグはログに表示されません。

  3. すべての設定を完了して閉じるアイコンボタンを選択します。

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

ノート

ログ表示の詳細設定の詳細については次の文書を参照してください。