Comment pouvez-vous implémenter la gestion globale des erreurs en JavaScript ?

Mécanisme global de gestion des erreurs de JavaScript : détection des erreurs non gérées

En JavaScript, il est essentiel de capturer les erreurs de fonction non gérées. Cependant, le langage manque actuellement d’un mécanisme global dédié de gestion des erreurs. Cet article explore une solution pour résoudre ce problème.

Attribution du gestionnaire d'événements window.onerror

Pour capturer toutes les erreurs JavaScript non détectées, nous pouvons attribuer le window.onerror événement à un gestionnaire d’événements personnalisé. Le gestionnaire reçoit plusieurs paramètres lorsqu'une erreur survient :

• msg : Le message d'erreur
• url : L'URL du script qui a provoqué l'erreur
• ligne : Le numéro de ligne dans le script
• col (facultatif) : le numéro de colonne dans la ligne (pris en charge en HTML5)
• erreur (facultatif) : l'objet d'erreur réel (pris en charge en HTML5)

Exemple de code :

<code class="javascript">window.onerror = function(msg, url, line, col, error) {
  // Handle and log the error...
};</code>

Quand window.onerror se déclenche-t-il ?

L'événement window.onerror se déclenche à chaque fois :

• Une exception non interceptée est levée (par exemple, lancez "un message")
• Une erreur de compilation se produit (par exemple, un crochet fermant manquant dans un script)

Navigateurs pris en charge

L'événement window.onerror est pris en charge dans les principaux navigateurs, notamment :

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

Exemple de capture d'écran

Rapport d'erreurs AJAX

Pour faciliter le rapport d'erreurs, nous pouvons utiliser AJAX pour envoyer les détails de l'erreur à un script côté serveur pour une journalisation ou une analyse plus approfondie :

<code class="javascript">var xhr = new XMLHttpRequest();
xhr.open('POST', '/ajax/log_javascript_error');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() { ... };
xhr.send(JSON.stringify(errorData));</code>

Références

Pour une exploration plus approfondie, reportez-vous aux ressources suivantes :

• Mozilla Developer Network :: window.onerror
• MSDN : Gérer et éviter les erreurs de page Web Partie 2 : Erreurs d'exécution
• Retour aux bases – Événement d'erreur JavaScript
• DEV.OPERA : : Meilleure gestion des erreurs avec la fenêtre. onerror
• Événement Window onError
• Utilisation de l'événement onerror pour supprimer les erreurs JavaScript
• SO :: window.onerror ne se déclenche pas dans Firefox

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!