9 extensions Firefox pour développer et debugger vos applications web

Parmi vous il y a quelques acharnés (comprenez développeurs, webmasters ou passionnés) qui adorent bidouiller leur site pour l’optimiser à mort.

Pour faire ce travail, il existe bien sûr des extensions indispensables qui s’appellent Firebug ou la Web Developer Toolbar qui permettent déjà de mettre le nez dans beaucoup de choses (HTML, CSS, Javascript…etc)

Mais elles ne sont pas les seules… Voici donc une petite selection d ‘autres extension à avoir dans sa boite à outil de dev !

DNS Cache

Un truc tout con pour activer / désactiver le cache DNS dans Firefox ! Génialissime ! Pour ce qui est du cache du navigateur vous pouvez le faire avec le Web Developer Toolbar.

FireCookie

Firecookie vous permettra de voir et de gérer vos cookies. Via Firebug toujours, vous saurez quelques sont les cookies nouvellement crées, changés ou supprimés.

HttpFox

Cette extension permet de surveiller et d’analyser tout le trafic entrant et sortant entre votre navigateur et internet. Vous connaitrez ainsi les entêtes de requête et de réponse, les cookies envoyés et reçus, les paramètre POST envoyés…Etc

Jiffy

Même principe que pour Yslow, celle extension nécessite Firebug et vous permettra de mesurer encore plus finement le chargement de vos javascripts (fonction par fonction). Pratique si vous bosser en Ajax.

Live HTTP Headers

Cette extension géniale vous facilitera la vie pour voir et éplucher les entêtes (headers) HTTP envoyées par le serveur. Vous pouvez même éditer une entête et la rejouer.

Poster

Poster vous permettra d‘intéragir en direct avec des webservice ou autre pour analyser le résultat. Vous pouvez forger vous même les requêtes HTTP, les envoyer et inspecter ensuite le résultat.

Selenium IDE

Derrière ce nom se cache un outil de test pour application Web fonctionnant sur le même principe de TestGen4Web (enregistreur d’actions) mais proposant en plus des fonctionnalités de breakpoints, d’édition, d’auto-complétion, de recherche intéligente (via xpath)…etc

TestGen4Web

Dans le même style que ChickenFoot, cette extension permet d’enregistrer les actions que vous faites dans Firefox dans un XML. Ces actions peuvent ensuite être rejouées. Pratique pour faire des tests automatisés ou des benchmarks.

Yslow

Certainement la plus connue, crée par Yahoo!, elle se greffe à Firebug et permet d’analyser les sites web pour connaitre par exemple le nombre de reqûetes vers le serveur, leur durée, la taille des éléments de la page, et truc sympathique, vous donnera une petite note et une tripoté de conseils sur comment optimiser encore plus votre site.

Je vous recommande aussi la lecture des sujets suivants


Faites un lien vers cette news sur votre site



17 Commentaire(s)

  1. MyAvatars 0.2

    Sp3ud Reply to this comment

    Merci, il y en à quelques unes qui m’intéresse :)

    Posté le 30 juin 2008 à 10:06:08

  2. MyAvatars 0.2

    dinotronik Reply to this comment

    moi j’aime bien web developer mais en français !!

    http://joliclic.free.fr/mozilla/webdeveloper/

    Posté le 30 juin 2008 à 10:17:34

  3. MyAvatars 0.2

    olivier Reply to this comment

    Merci! Le cache DNS m’a déjà rendu fou, l’extension qui permet de le désactiver va m’être bien pratique!

    Posté le 30 juin 2008 à 10:24:39

  4. MyAvatars 0.2

    Orni Reply to this comment

    C’est parti pour les test |-)

    Posté le 30 juin 2008 à 11:07:28

  5. MyAvatars 0.2

    Unknownn Reply to this comment

    Oulala génialissime comme tu dis pour le cache DNS, moi qui pensait changer de navigateur pour le dev de mes applis :)

    Merci !

    Posté le 30 juin 2008 à 11:12:11

  6. MyAvatars 0.2

    DinOtrOniK Reply to this comment

    j’arrive pas a intégrer mon avatar sur le site (je suis inscrit sur mybloglog )

    Posté le 30 juin 2008 à 11:28:16

  7. MyAvatars 0.2

    Mikzaj Reply to this comment

    Excellent, j’en découvre un bon nombre de cette liste, merci beaucoup, je vais voir ça de plus prés.

    Posté le 30 juin 2008 à 11:35:00

  8. MyAvatars 0.2

    RpGmAx Reply to this comment

    Cool merci Korben, y en a que je ne connaissais pas et que je vais de ce pas tester !

    Posté le 30 juin 2008 à 11:35:10

  9. MyAvatars 0.2

    Tuxargon Reply to this comment

    Merci Korben, très bon article :)

    Posté le 30 juin 2008 à 11:37:49

  10. MyAvatars 0.2

    Defaite Reply to this comment

    @DinOtrOniK Il faut que tu sois inscrit sur http://www.gravatar.com

    Posté le 30 juin 2008 à 11:39:41

  11. MyAvatars 0.2

    DinOtrOniK Reply to this comment

    @Defaite merci !! ça marche très bien ;)

    Posté le 30 juin 2008 à 11:54:14

  12. MyAvatars 0.2

    SoKow Reply to this comment

    On peut pas avoir ton design de firefox sous windows korben ? :o

    Posté le 30 juin 2008 à 14:17:04

  13. MyAvatars 0.2

    Manu Reply to this comment

    J’aime bien aussi DustMeSelectors : http://www.sitepoint.com/dustmeselectors/

    Le principe est de trouver les propriétés/définitions CSS non utilisées, pour pouvoir faire le ménage ! On peut visiter toutes les pages du site et vérifier à la fin.

    Posté le 30 juin 2008 à 16:21:58

  14. MyAvatars 0.2

    stakhanov Reply to this comment

    Toujours utile……merci ! ;-)

    Posté le 30 juin 2008 à 16:42:31

  15. MyAvatars 0.2

    DinOtrOniK Reply to this comment

    tiens o faite Korben , tu fais hashement peur sur ta ban. :D

    Posté le 30 juin 2008 à 21:38:53

  16. MyAvatars 0.2

    Mathias Reply to this comment

    il y en a que je ne connaissais pas :)

    mais c’est quand même le nième article de ce type

    Posté le 30 juin 2008 à 22:13:20

  17. MyAvatars 0.2

    DispoWeb Reply to this comment

    Merci pour httpfox, je connais pas cette extension et ça m’a l’air sympa et légère en plus :)

    Posté le 4 juillet 2008 à 04:28:22

1 Trackback(s)

  1. 10 juillet 2008 à 02:23:15: de Présentation de Korben.info | Jaax

Lacher un com'

« Retour aux commentaires classiques (texte)