英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
この記事は、DevTools Consoleについて説明しており、これはContentsquare Console（Contentsquareプロジェクトのバックオフィス管理に使用されるもの）とは別物です。Contentsquare Consoleの詳細についてはこちらの記事をご覧ください。
DevTools Consoleについて
DevTools Consoleはウェブブラウザで利用可能な開発者ツールで、ウェブサイトのコードで何が起きているかを理解するためによく使われます。ブラウザが記録したメッセージやウェブ開発者自身が追加したメッセージを表示し、エラーやネットワークの問題などの問題を特定しトラブルシューティングするのに役立ちます。
Error Analysisでは、開発者が追加したコンソールメッセージを表示して、問題の発見と解決をより迅速に行うことができます。
コンソールメッセージのログレベル
各メッセージには重要度を理解するためのログレベルが割り当てられています。Contentsquareで追跡可能なコンソールメッセージのログレベルは5つあります：
- Error: ウェブサイトの正常な動作を妨げる可能性のある重大なエラーを記録するために使用されます。これらは迅速に調査し解決することが推奨されます。
- Warning: 将来的な問題につながる可能性のある異常を記録するために使用されます。問題を防ぐために定期的に確認することが推奨されます。
- Info: ウェブサイトの運用に関する一般的な情報を記録するために使用されます。通常の活動や行動の流れを理解するのに役立ちます。
- Log: 重要ではないがデバッグや追跡に役立つ情報を記録するためにしばしば使用されます。
- Debug: 通常は開発中のデバッグ目的で使用されます。これらのログは一時的なもので、本番コードからは削除されることが期待されています。
Error Analysisでのコンソールメッセージの分析
コンソールメッセージはError Analysisでは「カスタムエラー」として識別されます。カスタムエラーでフィルタリングすると、コンソールメッセージとカスタムエラーの両方が表示されます。これは両者が同じインフラストラクチャを共有しているためです。
各エラーには以下のラベルが含まれます：
- 「CST」エラー（カスタムエラー）タイプのラベル。
- ログレベル（Warning、Error、Debug、Info、Log）。
- コンソールメッセージ、例：「デバイスの向きイベントは許可ポリシーによってブロックされています」。
知っておくと良いこと：コンソールメッセージとError Analysisのパフォーマンス
サイトによっては、多数のコンソールメッセージが発生することがあります。これにより、Error Analysisがデータや指標を読み込む速度に影響が出る場合があります。
他のエラーに集中できるように、Error Analysisからコンソールメッセージをいつでも除外できます。これはプロジェクト内の他のユーザーには影響せず、その特定のプロジェクトにのみ適用されます。
単にError Analysisに移動し、右上の設定ボタンをクリックして、コンソールメッセージを無視のトグルを有効化してください。
Error Explorerでコンソールメッセージをフィルタリングする方法
Error Explorerを使ってすべてのコンソールメッセージをさらに詳しく調べ、アドバンスフィルタリングを適用し、カラムを並べ替え、特定のエラーを検索できます。
- Error Analysisのエラー検索ウィジェットで検索をクリックします。
-
カスタムエラーを選択し、適用をクリックします。
-
アドバンスフィルタを開きます。
-
+カスタム属性を追加をクリックし、キーに「csLogLevel」と入力します。
- すべてのログレベルを表示するには「exists」演算子を使用します
- 特定のログレベルでフィルタリングするには「equals」演算子を使用し、以下のいずれかの値を入力します：Error / Warning / Info / Log / Debug
エラーサイドパネルでコンソールメッセージの詳細を表示し操作する方法
すべてのエラータイプと同様に、エラーサイドパネルから追加の詳細を確認し、さらに操作を行うことができます。
1. Error Analysisからコンソールメッセージをクリックして、エラーのサイドパネルを開きます。
2. サイドパネルから個別のエラー詳細を確認できます：
- エラータイプとログレベル。
- グループ化されたエラーID。
- コンソールメッセージ。
エラー詳細から以下のことができます：
- 一般的なエラーの詳細を確認します。
- エラーを却下する（管理者またはエキスパートユーザーの役割のみ）。
- JIRAに送信（管理者ユーザーのみ）または既に作成されているJiraチケットを表示します。
- ‘…’ 三点リーダーメニューを使用してエラーの詳細をコピーするか、追加の詳細を設定します。
- ‘See Replays’、‘See Impact’、および‘See Journey Analysis’ ボタンを使用して、エラーの影響をさらに詳しく調べます。
Session Replayでコンソールメッセージを表示して操作する方法
1. エラーのサイドパネルから‘See Replays’ボタンをクリックします。
2. Session Replayが開き、エラーが発生した再生を視聴できます。
3. エラーの詳細はイベントストリームとタイムラインのイベントアイコンのツールチップに表示されます。
4. タイムラインのツールチップをクリックし、‘Quantify’ボタンを使用してエラーの影響をさらに分析します。
よくある質問
なぜタグからのエラーや警告が表示されるのですか？
コンソール関数に渡される引数を追跡するために、トラッキングタグはこれらの関数をモンキーパッチする必要があります。モンキーパッチは、元のソースコードを変更せずに関数のコードを拡張する既知の技術です。このため、トラッキングタグは呼び出し元でなくてもスタックトレースに表示されます。トラッキングタグはエラーをログに記録するためにコンソールを呼び出すことは決してありません。