La meilleure façon de trace de code Javascript

Quelle est la meilleure façon de débogage du code Javascript à l'aide de tout outil..c'est à dire je veux savoir quand on clique sur un bouton, ce que tous les code JS est exécuté...

J'ai voulu tester sous Firefox et Safari..Déjà essayé de Firebug, mais vous voulez savoir si il ya une meilleure façon..

Aussi, plus important encore, je veux savoir "comment" exactement pour déboguer le code?

Aussi est-il possible d'imprimer la complète du code JS qui est appelée quand je dis d'appuyer sur un bouton?

J'utilise de la chambre de cuisson pour Firefox, Chrome ...j'utilise l'outil de développement ("F12") pour IE. Pour Safari, si ça marche sur Firefox .... il y a de grandes chances qu'il est en train de travailler sur Safari....Vous pouvez également vous appuyer sur des cadres qui permettra de supprimer la diversité des navigateurs pour déboguer (ie jquery etc)

OriginalL'auteur testndtv | 2011-05-30

  1. 2

    Ce post, à l'aide de FireFox FireBug et jQuery, peut vous aider à détecter et capturer tous les événements liés à un bouton de sorte que vous pouvez dire ce code JS est exécuté lorsque le bouton est cliqué:

    Comment débogage JavaScript/jQuery cas des liaisons avec Firebug (ou un outil similaire)

    OriginalL'auteur thaddeusmt

  2. 3

    J'ai toujours utiliser le web intégré de l'inspecteur de l'outil de Google Chrome (vous savez, cliquez-droit, Inspecter l'élément). Il fonctionne très bien pour moi, et possède toutes les fonctions dont j'ai besoin.

    Détaché, alors qu'il y a encore des régions où firebug est en avance (onglet réseau ...), google chrome, le débogueur javascript est vraiment un super morceau de logiciel pour travailler avec.
    Aussi google Chrome, débogueur est beaucoup plus convivial à mon avis. Apparemment il y a aussi un FireBug Lite pour Google Chrome: getfirebug.com/releases/lite/chrome

    OriginalL'auteur RobinJ

  3. 0

    Chrome Developer Console + Firefox Firebug

    OriginalL'auteur Mikhail Nikalyukin

  4. 0

    Chrome Developer Console + l'extension Firebug de cours (et Firebug Lite dans IE), mais également de vérifier Visuel De L'Événement, un bookmarklet qui vous montrent très visuels aperçu des événements attachés à des éléments de votre page.

    OriginalL'auteur fvu

  5. 0

    Bien, je pense que la meilleure méthode est l'aide de Visual Studio et de le connecter avec Internet Explorer. Comme beaucoup d'autres l'ont souligné, le navigateur intégré dans les outils sont grands, mais visual studio vous permet de déboguer le code javascript et l'éditer avec le même application. L'inconvénient est que vous devez utiliser Internet Explorer, mais personnellement, je ne trouve pas qu'il soit un gros problème.

    Internet Explorer est TOUJOURS un problème 😛

    OriginalL'auteur Gleno