Useful Firefox Extensions For Developers Firefox extensions utiles pour les développeurs

Published at August 24, 2007 Filed Under Publié au Août 24, 2007 Classé dans Firefox Firefox
, ,

nourrir If you're new here, you may want to subscribe to my Si vous êtes nouveau ici, vous mai souhaite m'abonner à mon RSS feed Flux RSS or ou Email alerts Alertes e-mail . Thanks for visiting! Merci de votre visite!

mozilla firefox Here is a list of useful Firefox extensions for web developers and programmers. Voici une liste de toutes les extensions Firefox pour développeurs de sites Web et les programmeurs.

1. 1. Greasemonkey Greasemonkey
Greasemonkey allows users to install scripts that make on-the-fly changes to specific web pages. Greasemonkey permet aux utilisateurs d'installer des scripts qui font à la volée des modifications à certaines pages Web. Greasemonkey can be used for adding new functionality to web pages, fixing rendering bugs, combining data from multiple webpages, and numerous other purposes. Greasemonkey peut être utilisé pour ajouter de nouvelles fonctionnalités à des pages Web, la fixation des bogues de rendu, combinant les données provenant de multiples pages Web, et de nombreux autres fins.

2. 2. Firebug Firebug
With Firebug you can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Avec Firebug vous pouvez modifier, corriger, contrôler et CSS, HTML, JavaScript et vivre dans n'importe quelle page Web. Works with: Firefox: 1.5 – 2.0.0.* Fonctionne avec: Firefox: 1,5 â € "2.0.0 .*

3. 3. Web Developer Web Developer
Web Developer extension adds a menu and a toolbar with various web developer tools. Web Developer extension ajoute un menu et une barre d'outils avec différents outils de développement Web. Works with: Firefox: 1.5 – 2.0.0.* Fonctionne avec: Firefox: 1,5 â € "2.0.0 .*


4. 4. Html Validator Le validateur HTML
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. HTML Validator est une extension Mozilla qui ajoute la validation HTML dans Firefox et Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. Le nombre d'erreurs d'une page HTML est visible sur la forme d'une icône dans la barre d'état lors de la navigation. Works with: Firefox: 1.5 – 2.0.0.* Fonctionne avec: Firefox: 1,5 â € "2.0.0 .*

5. 5. JavaScript Debugger JavaScript Debugger
JavaScript Debugger provides a powerful JavaScript debugging environment for Mozilla based browsers. JavaScript Debugger fournit un puissant environnement de débogage JavaScript pour les navigateurs basés sur Mozilla. Works with Firefox: 0.9 – 3.0a1 Fonctionne avec Firefox: 0,9 â € "3.0a1

6. 6. MeasureIt MeasureIt
With Measureit you can measure the height and width properties of page elements by drawing a ruler. Avec Measureit vous pouvez mesurer la hauteur et la largeur de la page des propriétés des éléments par l'établissement d'une règle. Works with Firefox: 1.0 – 2.0.0.* Fonctionne avec Firefox: 1,0 â € "2.0.0 .*

7. 7. Poster Poster
A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type. Un développeur outil d'interaction avec des services Web et d'autres ressources Internet qui vous permet de faire des requêtes HTTP, définissez l'entité corps, et le type de contenu. This allows you to interact with web services and inspect the results. Cela vous permet d'interagir avec des services Web et d'inspecter les résultats. Works with Firefox: 1.5 – 2.0.0.* Fonctionne avec Firefox: 1,5 â € "2.0.0 .*

8. 8. CSSViewer CSSViewer
With this extension you can view CSS properties of page elements. Avec cette extension, vous pouvez afficher des propriétés CSS les éléments de la page. Works with Firefox: 1.5 – 2.0.0.* Fonctionne avec Firefox: 1,5 â € "2.0.0 .*

9. 9. Load Time Analyzer Analyseur de temps de chargement
The Load Time Analyzer allows developers to measure and graph how long web pages take to load in Firefox. Le temps de chargement Analyzer permet aux développeurs et à mesure graphique combien de temps les pages Web à prendre en charge Firefox. Load Time Analyzer produces graphs that show the occurrence of events such as requests for the page, images, stylesheets and scripts, along with events like the execution of an onload script. Analyseur de temps de chargement produit des graphiques qui montrent l'apparition d'événements tels que des demandes pour la page, les images, les feuilles de style et des scripts, ainsi que des événements comme l'exécution d'un script onload. Works with Firefox: 1.5 – 2.0.0.* Fonctionne avec Firefox: 1,5 â € "2.0.0 .*

10. 10. FireFTP FireFTP
FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox. FireFTP est un pays libre, sûr, multi plates-formes client FTP pour Mozilla Firefox. It also includes more advanced features such as directory comparison, syncing directories while navigating, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing etc.. Il comprend également des caractéristiques plus avancées telles que la comparaison, la synchronisation des répertoires lors de la navigation, le système de cryptage SSL de recherche / filtrage, l'intégrité des contrôles, l'édition à distance, faites-le glisser-déposer, des fichiers de hachage etc. Works with: Firefox: 1.5 – 2.0.0.* Fonctionne avec: Firefox: 1,5 â € "2.0.0 .*

11. 11. FirePHP FirePHP
Visualize and control your PHP backend from Firefox. Visualiser et contrôler votre PHP backend de Firefox. FirePHP allows you to take a deeper look at all the work your PHP code does to generate that page you are currently looking at in your Firefox browser. FirePHP vous permet de prendre de plus près à tout le travail que votre code PHP pour générer la page que vous êtes en train de regarder dans votre navigateur Firefox.

Update : Mise à jour:
12. 12. ColorZilla ColorZilla
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. Avec ColorZilla vous pouvez obtenir une couleur lecture de n'importe quel point dans votre navigateur, rapidement régler cette couleur et collez-le dans un autre programme. You can Zoom the page you are viewing and measure distances between any two points on the page. Vous pouvez zoomer la page que vous visualisez et de mesurer la distance entre deux points quelconques sur la page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. Le built-in navigateur palette de choix des couleurs permet de pré-définies couleur fixe et en enregistrant le plus utilisé dans les couleurs des palettes personnalisées.

13. 13. X-Ray X-Ray
Once installed the X-Ray command is available by right-clicking as well as in the Tools menu. Une fois installé le X-Ray est disponible en cliquant sur le bouton droit ainsi que dans le menu Outils. When applied to a page it can help you see how the document was constructed without having to go back and forth between the sourcecode and the page in your browser. Lorsqu'elle est appliquée à une page, il peut vous aider à voir comment le document a été construite sans avoir à aller-retour entre le code source et la page dans votre navigateur. Is that list made of li, dd or p elements? Est-ce la liste de li, dd ou éléments p? Is that an h3 tag or just some bolded text? Est-ce une balise h3 ou quelques-uns texte en gras? X-Ray shows you what’s beneath the surface of the page. X-Ray vous montre ce qui est sous la surface de la page. Works with Firefox: 1.5 – 2.0.0.* [Thanks Fonctionne avec Firefox: 1,5 â € "2.0.0 .* [Merci Andy ]

14. 14. Aardvark Aardvark
Aardvark allows you to clean up unwanted banners and surrounding “fluff,” especially prior to printing a page. Aardvark vous permet de nettoyer indésirables bannières et des environs "fluff", en particulier avant l'impression d'une page. See how the page is created, block by block. Voyez comment la page est créée, bloc par bloc. View the source code of one or more elements [Thanks Voir le code source d'un ou plusieurs éléments [Merci Manu ]

If your favorite extension is missing from the list, drop me a line i will add it to the list. Si votre extension est absent de la liste, envoyez-moi une i ligne sera ajoutée à la liste.

Related: À voir aussi: Firefox Extension: PicLens, Full Screen Slideshows Firefox Extension: PicLens, des diaporamas plein écran

If you liked this post, feel free to Si vous avez aimé ce poste, n'hésitez pas à subscribe to my RSS feed s'abonner à mes flux RSS

Related Articles at Technology Bites Articles connexes à la technologie Bites

31 Responses to “Useful Firefox Extensions For Developers” 31 Responses to "Firefox Extensions utiles Pour les développeurs"


  1. MyAvatars 0,2 Ryan Ryan
    August 24th, 2007 10:58 am Août 24, 2007 10:58 am

    YSlow for Firebug. YSlow pour Firebug. Nice tool to figure out how you can improve your site’s perceived performance. Nice outil pour déterminer comment vous pouvez améliorer votre site perçu.

  2. MyAvatars 0,2 Tyler Tyler
    August 24th, 2007 1:04 pm Août 24th, 2007 1:04 pm

    How many times are people going to write this same blog post? Combien de fois les gens sont en cours d'écrire ce même blog?

  3. MyAvatars 0,2 Andy Ford Andy Ford
    August 24th, 2007 2:49 pm Août 24th, 2007 2:49 pm

    I agree with Tyler, but came here via Del.icio.us anyway (by the way, why did you come here, Tyler?) Je suis d'accord avec Tyler, mais est venu ici par Del.icio.us de toute façon (d'ailleurs, pourquoi êtes-vous venu ici, Tyler?)

    Other good ones: Autres bons:
    Screengrab!
    XRAY
    ColorZilla (although I dumped it in favor of ColorCop) ColorZilla (bien que je l'objet d'un dumping en faveur de ColorCop)

    I would highly recommend the “Screengrab!” plugin - it allows you to take screenshots of just the live browser area - excluding all the browser and window chrome. Je vous serais obligé de recommander le "Screengrab!" Plugin - il vous permet de prendre des captures d'écran que le navigateur vivre domaine - à l'exclusion de toutes les fenêtre de navigateur et de chrome. No need to crop it out in Photoshop anymore! Pas besoin de la culture dans Photoshop plus!

    Also, you can select between just copying to the clipboard or saving as PNG De plus, vous pouvez choisir entre seulement la copie dans le presse-papiers ou l'enregistrer au PNG

    Also lets you select between: Aussi vous permet de choisir entre:
    Complete page (even the invisible portion below the “fold”) Page complète (même l'invisible au-dessous de la partie "fois")
    Just the visible portion Juste la partie visible
    Or a selection (like Photoshop’s marquee tool) Ou une sélection (comme Photoshop de l'outil chapiteau)

    It’s very handy! Il est très pratique!

    I recently spoke with someone who recommended FireFTP - he loved it. J'ai récemment parlé avec quelqu'un qui a recommandé FireFTP - il a aimé. I was surprised because I had it installed about 2 years ago and it was slow as molasses. J'ai été surpris parce que j'avais installé sur 2 ans et il a été lent que la mélasse. I’ve been using the free standalone FileZilla ftp program instead. Je me sers de la libre autonome programme FTP FileZilla lieu. But maybe it’s time to give FireFTP another chance Mais peut-être le moment est venu de donner une autre chance FireFTP

    All in all, the only ones I use are: Dans l'ensemble, les seuls que j'utilise sont les suivants:
    FireBug (religiously) Firebug (religieusement)
    Web Developer (religiously) Web Developer (religieusement)
    Screengrab! (occasionally) (occasionnellement)
    IEtab (rarely. Usually just open up IE. Also check out “MultipleIEs from Tredosoft) IEtab (rarely. Habituellement juste ouvrir IE. Vérifiez également "MultipleIEs de Tredosoft)
    XRAY (just got it, but use it occasionally) XRAY (Just got it, mais l'utiliser occasionnellement)
    Duplicate Tab (comes in handy sometimes) Duplicate Tab (en vient parfois à portée de main)
    CustomizeGoogle
    Delicious (can’t believe you left this one out!) Delicious (n'arrive pas à croire que vous avez quitté celle-ci!)
    StumbleUpon (great breaktime/procrastination tool) StumbleUpon (grande pause / atermoiements outil)
    For WordPress users, the “wp-recent-links” has a cool Firefox extension Pour les utilisateurs de WordPress, le "wp-récente-liens" a une extension Firefox cool

    Handy free apps for web dev (not Firefox extensions): Handy libre pour les applications Web dev (non extensions Firefox):
    MultipleIEs by Tredosoft MultipleIEs par Tredosoft
    ColorCop
    FileZilla
    NotePad Bloc-notes

  4. MyAvatars 0,2 Andy Ford Andy Ford
    August 24th, 2007 2:52 pm Août 24th, 2007 2:52 pm

    Should have said: Si l'ont dit:
    “For WordPress users, the “wp-recent-linksâ€Â? "Pour les utilisateurs de WordPress, l'â € œwp-récente-linksâ € Â? plugin has a cool Firefox extension un plugin a cool Firefox extension

  5. MyAvatars 0,2 ram Ram
    August 24th, 2007 3:11 pm Août 24, 2007 3:11 pm

    @Ryan, Tyler Thanx for commenting @ Ryan, Tyler Merci pour la présentation d'observations
    @Andy @ Andy
    Thanx for commenting, i just made this list with useful extensions for the developer not for a general user. Merci pour la présentation d'observations, je viens de faire avec cette liste utile des extensions pour le développeur pas pour un utilisateur lambda. Thats why i left del.icio.us and others. C'est la raison pour laquelle j'ai quitté del.icio.us et autres.

  6. MyAvatars 0,2 Craig Craig
    August 24th, 2007 11:53 pm Août 24th, 2007 11:53 pm

    Good list. Bonne liste. I’ve mentioned a couple of others at: J'ai mentionné quelques autres à:
    http://www.optimalworks.net/blog/2007/firefox-extensions-developers

  7. MyAvatars 0,2 Andy Ford Andy Ford
    August 25th, 2007 12:48 am Août 25, 2007 12:48 am

    @ram Ram @
    I find that my development work benefits by using del.icio.us because I bookmark a boatload of web development resources (del.icio.us/analogpanda) and I always have them at my finger tips. Je trouve que mon travail de développement en utilisant les avantages parce que je del.icio.us un signet boatload Web de ressources pour le développement (del.icio.us / analogpanda) et j'ai toujours les doigts à mes conseils. But I agree that it’s not specifically a web development “tool” Mais je suis d'accord que ce n'est pas précisément un développement du web "outil"

    I just noticed my previous post lists “NotePad” as a ‘handy free app for web dev”… I’m not sure if this blog ate my two plus signs ( ), or if I just forgot them, but I DO NOT RECOMMEND NOTEPAD FOR WEB DEV! Je viens de remarqué mon précédent poste listes "Bloc-notes» comme une «main libre pour app Web dev"… Je ne sais pas si ce blog mangé mes deux signes plus (), ou si j'ai juste oublié, mais je ne recommande pas NOTES POUR WEB-DEV!

    It should read “Notepad ” or if the plus signs get munched - “Notepad Plus Plus” Il doit se lire "Bloc-notes" ou si les signes plus obtenir munched - "Bloc-notes Plus Plus"

  8. MyAvatars 0,2 Andy Ford Andy Ford
    August 25th, 2007 12:50 am Août 25, 2007 12:50 am

    yep, plus signs are getting borked! yep, des signes plus se sont foireuse!

  9. MyAvatars 0,2 Nirmal Nirmal
    August 25th, 2007 5:13 am Août 25th, 2007 5:13 am

    Great list. Grande liste. I think Greasemonkey might be the commonly used one. Je pense que Greasemonkey peut être utilisé couramment l'une.

  10. MyAvatars 0,2 Shankar Ganesh Shankar Ganesh
    August 25th, 2007 7:45 am Août 25, 2007 7:45 am

    I love the WebDeveloper Firefox addon. J'aime la Webdeveloper Firefox addon. XRay is interesting. XRay est intéressant. I’ll try it out. Je vais essayer.

  11. MyAvatars 0,2 ram Ram
    August 25th, 2007 8:05 am Août 25, 2007 8:05 am

    @Nirmal Nirmal @
    Yaah Greasemonkey is famous, many people use it Yaah Greasemonkey est célèbre, beaucoup de gens l'utilisent
    @Shankar @ Shankar
    Web-developer is quite useful extension Développeur Web est très utile extension

  12. MyAvatars 0,2 Bush Mackel Bush Mackel
    August 25th, 2007 1:12 pm Août 25th, 2007 1:12 pm

    FANtastic post! Fantastic poste! If ppl aren’t using these, they’re WAY behind the curve. Si ppl n'utilisez pas de ceux-ci, ils sont loin derrière la courbe.

  13. MyAvatars 0,2 ram Ram
    August 25th, 2007 5:54 pm Août 25th, 2007 5:54 pm

    @Bush, @ Bush,
    Yep these are very useful tools Et oui ce sont des outils très utiles

  14. MyAvatars 0,2 Vikram Vikram
    August 29th, 2007 6:37 am Août 29th, 2007 6:37 am

    [...] via Top links [...] [...] Par l'intermédiaire de meilleurs liens [...]

  15. MyAvatars 0,2 Benedict Herold Benoît Herold
    August 29th, 2007 6:36 pm Août 29th, 2007 6:36 pm

    I’m in a world of Greek and Latin which I don’t understand… I’m not a developer! Je suis dans un monde de grec et de latin que je ne comprends pas… Je ne suis pas un développeur! still I guess it is a good list! Cependant, je pense qu'il est une bonne liste!

  16. MyAvatars 0,2 Manu Manu
    August 30th, 2007 2:03 pm Août 30th, 2007 2:03 pm

    Ram, you might wanna include Ram, vous voudrez peut-être inclure Aardvark Extension for Firefox Aardvark extension pour Firefox as well. ainsi.

    Also if one is using the Web Developer extension, De plus, si on utilise l'extension Web Developer, Html Validator Le validateur HTML , MeasureIt , and , Et CSSViewer extensions are not required as Web developer supports all of the features these three extensions provide. extensions ne sont pas tenus comme développeur Web supporte toutes les caractéristiques de ces trois extensions fournir. For best performance, keep FF light. Pour des performances optimales, gardez FF lumière.

  17. MyAvatars 0,2 capture screen using fireshot capturer l'écran en utilisant fireshot
    September 5th, 2007 2:06 am Septembre 5th, 2007 2:06 am

    Good screen captures could be created using FireShot. Bon captures d'écran pourrait être créé à l'aide de FireShot.
    The plugin captures both entire web page and only its visible area. Le plugin capture les deux ensemble page Web et que sa zone visible.
    A graphic editor is provided: captured screens could be edited and easily annotated. Un éditeur graphique est fourni: écrans capturés peuvent être facilement édité et annoté.

    It’s absolutely FREE, you can download it from: Il est absolument gratuit, vous pouvez le télécharger à partir de: http://screenshot-program.com/fireshot/fireshot.xpi

    Have fun Amusez-vous :)

  18. MyAvatars 0,2 Jessica Jessica
    February 6th, 2008 2:41 pm Février 6e, 2008 2:41 pm

    Thanks so much for posting about PicLens 1.6. Merci beaucoup pour l'affichage sur PicLens 1,6. We really appreciate it! Nous apprécions vraiment!

    For interested readers, below are links to two videos demos, one by our team and the other by a PicLens fan! Pour les lecteurs intéressés, ci-dessous sont des liens vers des démos de deux vidéos, une par notre équipe et l'autre par un ventilateur PicLens!

    http://www.youtube.com/watch?v=utySPFH_HlA
    http://www.vimeo.com/653047

    Thanks, again. Merci, encore.
    Jessica & The Cooliris Team Jessica & cooliris l'équipe

  19. MyAvatars 0,2 Ram Ram
    February 6th, 2008 4:17 pm Février 6e, 2008 4:17 pm

    @Jessica Jessica @
    I received your mail i will post about it J'ai reçu votre mail i will post à ce sujet

  20. MyAvatars 0,2 Stuart Robertson Stuart Robertson
    April 6th, 2008 10:16 pm 6ème avril, 2008 10:16 PM

    Nice to see people are still finding XRAY useful. Nice to see personnes sont toujours trouver XRAY utile. :) The companion extension (for viewing the contents) is Professor X: Le compagnon de l'extension (pour afficher le contenu) est professeur X: http://www.designmeme.com/professorx/

Trackbacks/Pingbacks Trackbacks / Pingbacks

  1. links for 2007-08-25 : Slobokan’s Site O’ Schtuff liens pour 2007-08-25: Slobokan du site O 'Schtuff
    2. August 25th, 2007 12:18 am Août 25, 2007 12:18 am
  2. Saturday Speedlinkin II Samedi Speedlinkin II
    3. August 25th, 2007 3:52 pm Août 25th, 2007 3:52 pm
  3. Las mejores extensiones de Firefox para desarrolladores y programadores Las mejores extensiones de Firefox Para Desarrolladores y programadores
    4. August 26th, 2007 2:50 am Août 26th, 2007 2:50 am
  4. Ortaya karışık.. Ortaya karÄ ± ± ÅŸÄ K.. at ..the mythical woman month.. .. à la mythique femme mois ..
    5. August 27th, 2007 8:03 pm Août 27, 2007 8:03 pm
  5. TechMantra » Top Firefox extensions for Developers TechMantra »Haut extensions Firefox pour les développeurs
    6. August 29th, 2007 6:33 am Août 29th, 2007 6:33 am
  6. DebugBar: IE Plug-in for web developers | Technology Bites DebugBar: IE plug-in pour les développeurs de sites Web | Technologie Bites
    7. October 3rd, 2007 10:21 am Octobre 3, 2007 10:21 am
  7. Best of Technology Bites 2007 | Technology Bites Best of Technology Bites 2007 | Technologie Bites
    8. December 31st, 2007 4:39 pm Décembre 31st, 2007 4:39 pm
  8. Useful Firefox Extensions For Developers - Firefox,???? Firefox extensions utiles pour les développeurs - Firefox ,????
    9. January 7th, 2008 8:03 pm 7ème Janvier, 2008 8:03 pm
  9. Estensioni Firefox utili agli sviluppatori / Melodycode.com - Life is a flash Estensioni Firefox utilisation agli sviluppatori / Melodycode.com - La vie est un flash
    10. April 7th, 2008 12:25 am 7ème avril, 2008 12:25 am
  10. being (no)body » m3talink for April 7th être (non) corps »m3talink pour avril 7ème
    11. April 7th, 2008 9:32 am 7ème avril, 2008 9:32 am
  11. rascunho » Blog Archive » links for 2008-04-08 rascunho »Blog Archive» liens pour 2008-04-08
    12. April 8th, 2008 5:27 am 8ème avril, 2008 5:27 am

Leave a Reply Laisser un commentaire





« « Orkut Redesign Orkut Redesign Time to update your affiliate links Le temps de mettre à jour vos liens d'affiliation » »