2010-01-09 6 views
0

Existe-t-il un outil pour capturer le code javascript exécuté et exécuté du côté client? Nous utilisons la commande debugger pour faire un pas sur les machines dev mais pour déboguer les problèmes de production, y at-il un outil qui capture et exécute le code javascript chargé?Outils pour capturer l'exécution du code javascript

Toute indication est très appréciée.

grâce

Répondre

0

Firebug, barre d'outils développeur IE et MS Script Debugger, en fonction de votre navigateur.

2

Si vous utilisez Firefox (ou pouvez pour tester), FireBug est un excellent outil qui vous permettra d'entrer dans, hors, sur, etc., des blocs de code javascript. Cela vous permettra également de mettre des points de rupture dans votre js, et de suspendre son exécution si nécessaire.

0

Personnellement, j'adore utiliser Chromium Developper Tools: http://www.chromium.org/devtools. Vous pouvez commencer avec CTRL-SHIFT-J ou en cliquant sur l'icône en forme de document dans le coin supérieur droit, puis sur Options du développeur.

-1

Il y a plusieurs outils que j'utilise, y compris Firebug, Internet Explorer 8 de temps en temps. Cependant, mon outil favori pour le débogage complexe est Visual Studio. Une clé pour l'utilisation de Visual Studio utilise le debugger command.

+0

C'est excellent pour un environnement de développement, mais si vous avez besoin de déboguer/afficher la pile d'exécution javascript du navigateur sur 1 ou quelques clients avec des problèmes intermittents qui ne sont pas reproductibles ailleurs ... – G33kKahuna

1

Si vous voulez des façons de déboguer le code de production, il y a quelques choses que vous pouvez suivre:

  • capture window.onerror événements.
  • Créez un objet JSON pour consigner les événements importants sur la page.
  • Si vous craignez que votre site soit lent, utilisez "new Date.getTime()" avant/après une opération lente pour obtenir le temps d'exécution.

Je ne connais pas d'outils prêts à l'emploi pour cela. En général, les utilisateurs utilisent une balise img pour envoyer une requête GET à leur serveur, puis analysent les journaux. Voici un exemple pour les erreurs JavaScript journalisation:

window.onerror = function(errorMsg, url, lineNumber) { 
    var url = '/js_err?msg=' + uriEncodeComponent(errorMsg) + 
      '&url=' + uriEncodeComponent(url) + 
      '&line=' + uriEncodeComponent(line); 
    var i = new Image(); 
    i.src = url; // Sends GET request to /js_err with info 

    // Add some checks so that if above code throws an error, you won't 
    // ping your server in an infinite loop 
} 

Ensuite, vous pouvez consulter les demandes à/js_err dans vos journaux pour voir ce que les premiers messages d'erreur sont, et se combinent avec l'agent utilisateur de la demande de voir ce que les navigateurs les erreurs se produisent dans.

Questions connexes