ホームページ > ウェブフロントエンド > jsチュートリアル > `window.onerror` イベントを使用して、捕捉されなかった JavaScript エラーを効果的に処理するにはどうすればよいですか?

`window.onerror` イベントを使用して、捕捉されなかった JavaScript エラーを効果的に処理するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-10-26 18:44:03
オリジナル
414 人が閲覧しました

How can I effectively handle uncaught JavaScript errors using the `window.onerror` event?

捕捉されない JavaScript エラーの処理

JavaScript ではグローバル イベント メカニズムを理解することが重要です。 window.onerror イベント ハンドラーは、他の方法では気付かれないエラーをインターセプトして処理する集中的なアプローチを提供します。

gt;キャッチされない Javascript エラー

window.onerror イベントが発生します。キャッチされなかった例外が発生した場合、またはコンパイル時エラーが検出された場合。これらには以下が含まれます:

  • キャッチされない例外: 「「何らかのメッセージ」をスローする」などの例外、または未定義の変数へのアクセスによりイベントがトリガーされます。
  • コンパイルエラー: 閉じられていないスクリプト タグや無効な文字列などの構文エラーによっても、このイベントが発生します。

エラー処理に window.onerror を使用

すべての未処理エラーをキャプチャするには、次のように window.onerror イベントを割り当てます。

<code class="javascript">window.onerror = function(msg, url, line, col, error) {
  // Process error information
  alert("Error: " + msg + "\nURL: " + url + "\nLine: " + line + "\nColumn: " + col + "\nError: " + error);

  // Suppress error alerts
  return true;
};</code>
ログイン後にコピー

エラーがコンパイル時エラーの場合、col パラメーターと error パラメーターは省略されます。この関数から true を返すと、ブラウザは標準のエラー警告ダイアログを抑制します。

サポートされているブラウザ

window.onerror イベントは、一般的なブラウザで広くサポートされています。ブラウザ:

  • Chrome 13
  • Firefox 6.0
  • Internet Explorer 5.5
  • Opera 11.60
  • Safari 5.1

AJAX エラー レポート

Web サイトまたはアプリケーションの JavaScript エラーを追跡するために、AJAX エラー レポートの実装を検討してください。エラー データをサーバーに送信することで、永続的な問題を把握し、迅速に対処できます。

JSFiddle Example

ウィンドウのライブ デモを確認する動作中の .onerror イベント: https://jsfiddle.net/nzfvm44d/

参考文献

  • MDN Web ドキュメント: window.onerror
  • MSDN: Web ページ エラーの処理パート 2
  • 基本に戻る – JavaScript onerror イベント

以上が`window.onerror` イベントを使用して、捕捉されなかった JavaScript エラーを効果的に処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート