Quels outils de journalisation de débogage sont disponibles à partir de Javascript?

Question

Je voudrais créer une fonction de journalisation de débogage "universelle" qui inspecte l'espace de noms JS pour les bibliothèques de journalisation bien connues.

Par exemple, il prend en charge actuellement la console.log de Firebug:

var console = window['console']; 
if (console && console.log) { 
    console.log(message); 
} 

De toute évidence, cela ne fonctionne que dans Firefox si Firebug est installé/activé (il va également travailler sur d'autres navigateurs avec Firebug Lite). Fondamentalement, je vais fournir une bibliothèque JS dont je ne sais pas dans quel environnement il va être tiré, et je voudrais être en mesure de comprendre s'il existe un moyen de signaler la sortie de débogage à l'utilisateur. Donc, peut-être que jQuery fournit quelque chose - je vérifie que jQuery est présent et l'utilise. Ou peut-être il y a des plugins IE bien connus qui fonctionnent que je peux renifler. Mais il doit s'agir d'un mécanisme assez bien établi et utilisé. Je ne peux pas vérifier chaque fonction de journal obscure que les gens créent.

S'il vous plaît, seulement une bibliothèque/technologie par réponse, de sorte qu'ils peuvent obtenir le classement des votes. En outre, l'utilisation de alert() est une bonne solution à court terme, mais elle se décompose si vous voulez une journalisation de débogage robuste ou si le blocage de l'exécution est un problème.

Answer 1

Moi-même, je suis un croyant ferme dans les domaines suivants:

alert('Some message/variables'); 

Answer 2

Firebug lite est un navigateur croix, version allégée de Firefbug qui va au moins vous donner des capacités CONSOLE.LOG sur la plupart des navigateurs.

Answer 3

Qu'en est-il de Firebug Lite (pour les navigateurs autres que Firefox)? Je ne l'ai pas beaucoup utilisé sauf lors du débogage du code Dojo dans IE. Mais il essaie de son mieux de mettre une console Firebug dans IE, Safari et Opera.

Bien sûr, il y a toujours l'alerte fiable (err_msg); : D

Answer 4

Il existe JQuery Logging, ce qui semble prometteur.

Answer 5

Si vous utilisez déjà jQuery, je recommande chaudement le plugin jQuery Debug (a.k.a., jquery.debug.js). Voir http://trainofthoughts.org/blog/2007/03/16/jquery-plugin-debug/.

Ce plugin vous permet d'activer ou de désactiver la journalisation du débogage via un commutateur global. Logging ressemble à ceci:

$.log('My value is: ' + val); 

La sortie est envoyée à console.log sous Firefox et est écrit dans un bloc div inséré au bas de la page sur les autres navigateurs.

Answer 6

Personnellement, j'utilise Firebug/Firebug Lite et sur IE permet à Visual Studio de faire le débogage. Aucun d'entre eux ne fait du bien quand un visiteur utilise un navigateur fou. Vous avez vraiment besoin de votre javascript côté client pour enregistrer ses erreurs sur votre serveur. Jetez un coup d'œil à la présentation PowerPoint à laquelle j'ai fait référence ci-dessous. Il a quelques idées assez soignées sur la façon d'obtenir votre javascript pour enregistrer des trucs sur votre serveur. Fondamentalement, vous accrochez window.onerror et vos blocs try {} catch() {} avec une fonction qui renvoie une requête à votre serveur avec des informations de débogage utiles.

Je viens de mettre en place un tel processus sur ma propre application web. Chaque bloc catch() {} appelle une fonction qui envoie un message codé JSON au serveur, qui à son tour utilise mon infrastructure de journalisation existante (dans mon cas, log4perl).La présentation à laquelle je suis lié suggère également de charger une image dans votre javascript en incluant les erreurs dans la requête GET. Le seul problème est que si vous voulez inclure des traces de pile (que IE ne génère pas pour vous), la requête sera trop grande.

Tracking ClientSide Errors, by Eric Pascarello

PS: Je voulais ajouter que je ne pense pas qu'il est une bonne idée d'utiliser tout type de bibliothèque comme jQuery pour l'enregistrement « hardcore » parce que peut-être la raison de l'erreur que vous connectez est jQuery ou Firebug Lite! Peut-être que l'erreur est que le navigateur (toux IE6) a fait un ordre de chargement fou et lance une sorte d'erreur de référence Null parce qu'il était trop stupide pour charger la bibliothèque correctement.

Dans mon exemple, je me suis assuré que tout mon code de journal javascript est dans la < la tête > et non tiré en tant que fichier .js. De cette façon, je peux être raisonnablement sûr que peu importe les types de courbes que le navigateur lance, les chances sont bonnes, je suis capable de le connecter.

Answer 7

MochiKit a les fonctions suivantes (inclus ici avec la résolution complète de l'espace de noms):

MochiKit.Logging.logDebug() // prefaces value with "DEBUG: " 
MochiKit.Logging.log() // prefaces value with "INFO: " 
MochiKit.Logging.logError() // prefaces value with "ERROR: " 
MochiKit.Logging.logFatal() // prefaces value with "FATAL: " 
MochiKit.Logging.logWarning() // prefaces value with "WARNING: " 

Il y a beaucoup plus à l'espace de noms MochiKit.Logging que cela, mais ce sont les bases.

Answer 8

Vous pouvez essayer log4javascript.

Divulgation: Je l'ai écrit.