Quelle est la meilleure façon de déboguer le code JavaScript à l'aide de tout outil..I.e. Je veux savoir quand un bouton est cliqué sur lequel tout le code JS est exécuté ...
Je voulais tester à Firefox et Safari..Already a essayé Firebug, mais je veux savoir s'il y a un meilleur moyen.
aussi plus important encore, je veux savoir "comment" exactement pour déboguer le code?
est également possible d'imprimer le code JS complet qui est appelé lorsque je dis appuyez sur un bouton?
5 Réponses :
J'utilise toujours l'outil d'inspecteur Web intégré de Google Chrome (vous savez, cliquez avec le bouton droit de la souris sur, inspecter élément ). Cela fonctionne assez bien pour moi et a toutes les fonctions dont j'ai besoin.
Appuyé, alors qu'il y a des zones encore où Firebug est à l'avance (onglet réseau ...), le débogueur JavaScript de Chrome est vraiment un logiciel génial pour travailler avec.
Le débogueur de Chrome est également beaucoup plus convivial à mon avis. Apparemment, il y a aussi une Lite Firebug pour Google Chrome: getfirebug.com/relases/lite/chrome
Je me demandais la même chose que l'affiche originale, mais les outils de développement dans Edge and Chrome (la même chose exacte que possible, ne montrez aucun JavaScript qui a peut-être été déclenché par une touche Presse. Ils afficheront le trafic réseau sur les pages si vous naviguerez sur un site, toutes les erreurs JS à la console, mais j'aimerais voir ce qui est déclenché lorsqu'un certain événement se produit, mais je ne vois pas où cela peut être fait.
Cet article, utilisant Firefox's Firebug et JQuery, pourrait vous aider à détecter et à capturer tous les événements liés à un bouton afin que vous puissiez indiquer ce que le code JS est exécuté lorsque le bouton est cliqué sur:
Comment déboguer JavaScript / JQuery Event Cornivings avec Firebug (ou outil similaire)
Console de développeur chrome + Firefox Firebug
Console de développeur chrome + Firefox Firebug Bien sûr (et Firebug Lite dans IE), mais également découverte Evénement visuel , un bookmarklet qui vous montre une vue d'ensemble extrêmement visuelle des événements attachés aux éléments de votre page.
Eh bien, je pense que la meilleure méthode consiste à utiliser Visual Studio et à l'accrocher avec Internet Explorer. Comme beaucoup d'autres l'ont souligné, les outils intégrés du navigateur sont excellents, mais Visual Studio vous permet de déboguer du code JavaScript et de le modifier avec la même application. L'inconvénient est que vous devez utiliser Internet Explorer, mais personnellement, je ne trouve pas que ce soit un problème si gros.
Internet Explorer est toujours un problème: p
J'utilise Firebox pour Firefox, Chrome ... J'utilise un outil de développement ("F12") pour IE. Pour Safari, si cela fonctionne sur Firefox ... Il y a de grandes chances que cela va travailler sur Safari ... vous pouvez également compter sur des cadres qui supprimeront la diversité des navigateurs à déboguer (c'est-à-dire JQuery, etc.)