Outils de développement Ajax

C'est un peu l'enfer de débugger du Javascript de façon générale. Cependant, quelques outils peuvent considérablement nous simplifier la vie avec Internet Explorer, Firefox et Safari.

Cette page a pour objectif de mettre en avant une liste courte d'outils utiles, et non de recenser tous les outils existants.

Quelques outils purs javascript qui permettent de faciliter le débuggage ajax/javascript :

• Logger Javascript : http://log4js.sourceforge.net/
• Logger accessible à l'intérieur de sa page web

• Fiddler : http://www.fiddlertool.com
• Proxy HTTP qui permet de voir tout ce qui passe et notamment toutes les requêtes ajax avec leur contenu (sous Windows uniquement)

Deux outils indispensables et vraiment bien foutus

• Firebug : http://www.joehewitt.com/software/firebug/
• WebDéveloppeur : http://chrispederick.com/work/webdeveloper/

Les outils IE sont plus difficiles à trouver et s'intègrent moins bien ensemble. Cependant ils permettent de faciliter le débuggage AJAX

• DebugBar : http://www.debugbar.com/ (payant : 29€)
• Equivalent de firebug, mais sans possibilité d'afficher des logs
• DevToolBar : site de Microsoft
• Equivalent de la barre webdéveloppeur, mais en moins complète

Un outil pratique pour Safari : le "debug menu". Safari dispose en standard d'une console façon firebug, mais elle se cache dans le menu débug qui n'est pas activé par défaut dans safari. Pour activer ce menu vous pouvez suivre les étapes suivantes :

• Installer le safari enhancer : http://www.celestialfrontiers.com/safari_enhancer.php
• Cocher la case d'activation du débugger Safari
• Relancer Safari
• Dans le menu debug, vous pouvez afficher la console javascript
• Pour entrer un message dans cette console, il faut faire console.log("toto")