Debugguez vos applications web sans Firebug

Par Korben le 9 avril 2008

Aaah un petit truc plutôt pratique que m’a fait découvrir Jacques ! Il s’agit d’un javascript que vous pouvez insérer temporairement dans tous vos développements web pour pouvoir les débugguer un peu de la même façon qu’avec un Firebug.

Ca s’appelle pi-debugger, ça s’intègre dans vos pages avec simplement la ligne suivante :

<script type="text/javascript" src="http://pi-js.googlecode.com/files/debugger.js"></script>

Et vous obtiendrez ceci (voir la demo en ligne) :

qui vous permettra de parcourir votre code via une simple recherche Xpath, ou encore de voir tout votre source, et les styles associés, l’intégralité de vos CSS ou le DOM de la page en cours.

Vraiment impressionnant et pratique si votre site est allergique à Firebug ou Firefox. Et ça peut largement conccurencer la “developper toolbar” pourrie pour IE.

C’est open source et dispo sur le site http://code.google.com/p/pi-js/

Merci Jacques pour l’info !

Je vous recommande aussi la lecture des sujets suivants


Faites un lien vers cette news sur votre site



11 Commentaire(s)

  1. MyAvatars 0.2

    Fabrice Reply to this comment

    Tiens tiens… A essayer avec Proxomitron ;)

    Posté le 9 avril 2008 à 17:48:37

  2. MyAvatars 0.2

    Orni Reply to this comment

    Intéressant, à tester :)

    Posté le 9 avril 2008 à 17:57:41

  3. MyAvatars 0.2

    Defaite Reply to this comment

    Hop ! bookmarké !

    Posté le 9 avril 2008 à 18:30:50

  4. MyAvatars 0.2

    Asher256 Reply to this comment

    Très intéressant, merci :)

    Posté le 9 avril 2008 à 19:23:11

  5. MyAvatars 0.2

    RpGmAx Reply to this comment

    Je bookmark aussi, merci Korben (et Jacques) ;)

    Posté le 10 avril 2008 à 07:51:27

  6. MyAvatars 0.2

    Mikzaj Reply to this comment

    Cool, voila un petit outil bien utile et sympathique qui va dans mes favoris, car il est vrai que Firebug est bien, mais en ce moment il arrête pas de me faire chier, j’arrête pas de l’activer, le désactiver, car pas mal de sites sont incompatibles… Merci ! ;)

    Posté le 10 avril 2008 à 09:04:11

  7. MyAvatars 0.2

    akA Reply to this comment

    super pratique, je bookmark aussi

    Posté le 10 avril 2008 à 10:03:13

  8. MyAvatars 0.2

    Piwaï Reply to this comment

    Intéressant, merci pour l’info Korben.

    Un gros manque par contre : il n’est pas possible d’éditer le html (ou la css) à la volée.

    Il est quand même très pratique de pouvoir modifier du html à la volée, notamment pour auditer un site, tester la validation des données côté serveur, et faire du design sur des sites dynamiques en place.

    Combien de fois j’ai pu trouver des failles dans des sites grâce à Firebug (en général, ça commence avec des champs “hidden” dans un formulaire).

    Je pense qu’il manque encore un certain nombre de fonctionnalités à cet outil pour arriver à la cheville de ce qu’on peut faire avec Firebug, cependant c’est un exploit qui mérite d’être salué.

    Posté le 10 avril 2008 à 15:44:37

  9. MyAvatars 0.2

    Sébastien Reply to this comment

    Inutile car on ne peut pas modifier le code en live.

    Posté le 11 avril 2008 à 11:52:47

  10. MyAvatars 0.2

    tadkozh Reply to this comment

    C’est vraiment excellent!

    C’est justement ce que je cherchait pour pouvoir utiliser l’équivalent de Firebug sous internet explorer…

    La seule chose regrettable est qu’on ne peut pas modifier le contenu en direct, et que c’est parfois un peu lent.

    Sinon chapeau!

    Posté le 11 avril 2008 à 22:14:52

  11. MyAvatars 0.2

    1ace Reply to this comment

    j’ai pas testé, mais ça m’a l’air de faire la même chose que Firebug Lite, non ?
    http://getfirebug.com/lite.html

    Posté le 17 avril 2008 à 21:39:15

Lacher un com'

« Retour aux commentaires classiques (texte)