Navigation

Contactez-nous

Kitpages
17 rue de la Frise
38000 Grenoble
tel : 04 58 00 33 81

Par Philippe Le Van (@plv)

Outils de développement Ajax

Introduction

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.

Outils communs IE, Firefox et Safari

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

  • 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)

Pour Firefox

Deux outils indispensables et vraiment bien foutus

 

Pour IE

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

 

Pour Safari

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")

 

Commentaires

Ajouter un commentaire