J'aimerais collecter les meilleurs aides à débogage pour tous les navigateurs là-bas. Donc, ce serait probablement Firebug pour Firefox mais qu'est-ce que vous utilisez pour IE? Safari? Opéra? Opera mini? Qu'est-ce qui est d'autre là-bas? Y a-t-il des outils qui fonctionnent bien pour IE 6? C'est-à-dire 5?
17 Réponses :
Pour Firefox (Toute version> 2.0), utilisez Firebug . < / p>
Je pose cela pour l'exhaustivité et nous pouvons donc utiliser le vote pour trouver un meilleur outil (s'il y en ait un :)
Firebug bat tout. La seule chose que cela ne peut pas faire est de trouver des erreurs de rendu, c'est-à-dire que vous revenez à l'horreur du développement Web dans IE.
être en désaccord. J'ai trouvé que Firebug soit si horrible que j'ai abandonné Firefox pour Chrome, qui a un débogueur intégré qui n'est pas buggy.
@Michael: Cela ressemble à vous avoir trouvé une caractéristique de Firebug manquant; J'ai eu des problèmes avec JS Débogage sur toutes les plateformes (Chrome ignoré des points d'arrêt lorsque la fenêtre a été fermée dans le code JS, Firebug ne me permettrait pas de définir des points d'arrêt, ...)
Pour IE, soit les outils de développement inclus dans IE 8 ou le Barre d'outils du développeur .
Ie 6 et 7. Les outils de développement dans IE 8 sont supérieurs de toute façon, donc rien ne manque là-bas.
Pour le débogage, rien ne peut battre Firefox: Firebug
Firebug a toujours les fonctionnalités les plus avancées, mais les autres rattrapent.
+1 pour Chrome Dev Outils, à mon avis bien mieux que Firebug;
Pour Firefox 3.5, utilisez Firebug. Pour IE8, utilisez les outils de développement
Firebug / Firebug Lite bien sûr :) La console JS de Google Chrome est également très belle
Utilisation de Firefox, en plus de Firebug (autant de personnes déjà mentionnées), je trouve Mozilla's
Une série de fenêtres placées stratégiquement.Allert appels est pratique dans une pincée. Si je peux, j'essaie d'utiliser Firebug Lite .
Handy mais bloque également le flux de l'application.
Je suggère d'utiliser un ou ouvrez une nouvelle fenêtre et appendez vos messages de débogage là-bas.
Vous pouvez utiliser ceci avec div avec le id = "débogage" , puis ajouter du texte à celui-ci pour le débogage. Cela vous permet de superposer le HTML avec la sortie de débogage et il ne bloque pas le flux de l'application. Utilisez un z-index pour vous assurer qu'il reste en haut et lui donner une transparence afin que vous puissiez le voir. Voir Cette réponse pour le CSS .
div S pour mettre en place une journalisation à part entière. Jetez un coup d'œil à Cet article sur une liste à part et à log4js pour obtenir des idées.
Firebug n'est pas l'outil le plus léger, donc j'utilise parfois d'autres add-ons pour Firefox:
Si vous jouez avec XPath, Vérificateur XPath est pratique et léger. Je l'ai modifié par moi-même pour afficher la source HTML de résultats sous forme de texte plutôt que comme des nœuds HTML.
Données de sabotage ou httpfox est utile pour voir la demande de pages Web (bien, adblock plus peut également être;), voir Les cookies étant définis par le serveur Web, etc.
et maintenant pour une question de suivi de la raison pour laquelle il existe des outils équivalents absolument égaux pour le débogage directement sur Android (c.-à-d. Aucune de la merde distante qui ne fonctionnera pas sur le terrain lorsque vous n'avez pas de connexion Internet ou de non-Android Dispositif disponible.)
@Michael: posez la question et postez le lien comme un commentaire ici :-)