IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Firefox et ses meilleures extensions


Sélection et présentation des meilleures extensions Firefox pour les développeurs. ♪

Article lu   fois.

L'auteur

Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

1. Firefox

Mozilla Firefox est un navigateur tout jeune dont la première version (1.0) fut distribuée le 9 novembre 2004. Ce nouveau navigateur, représenté par un panda rouge, fut (et est encore) développé par une centaine de bénévoles dans un grand projet open source.
Il a rapidement conquis le public grâce à son moteur d'affichage Gecko, permettant un chargement plus rapidement des pages, mais surtout grâce à une sécurité plus accrue face au géant du marché: Internet Explorer.

Grâce à un développement continu (actuellement en version 1.5.0.6) et à l'ajout d'une infinité de fonctionnalités, Firefox continue de séduire les gens et gagne peu à peu des "places de marché".
Bien qu'il contienne beaucoup de fonctionnalités que ses concurrents n'ont pas, il possède également la plus large collection d'extensions, lui permettant une infinité de fonctionnalités.

C'est justement dû à ce (trop) grand nombre d'extensions que la rédaction de Developpez.com a sélectionné, pour vous développeur, les meilleures extensions.

Image non disponible



Si vous désirez tout savoir sur Firefox, je vous invite à lire sa page Wikipedia

Téléchargement: ici

2. Les extensions

2-1. Qu'est-ce qu'une extension?

Même si Firefox possède un grand nombre de fonctionnalités, dont certaines sont enviées par d'autres navigateurs, il n'en reste pas moins que Firefox ne répond pas à toutes les exigences des utilisateurs.
C'est pourquoi il est possible d'installer des extensions. Chaque extension est un module qui s'intègre au navigateur, soit par un bouton, soit par un panneau latéral, soit de façon invisible, et fournit alors des fonctionnalités supplémentaires.
Ces fonctionnalités peuvent être:
- des options de configuration supplémentaires
- un client ftp ou mail intégré
- des options d'affichage supplémentaires
- des générateurs de mot de passe
- d'autres fonctionnalités moins utiles
- etc.

2-2. Les meilleures extensions

Avant d'aller plus loin et de se faire remonter les bretelles, nous tenons à signaler que les extensions citées ici, ne sont pas les meilleures dans leur qualité de fonctionnalités, de code ou d'intégration, mais simplement les extensions qui ont pour nous, le plus grand intérêt et qui devraient servir à un maximum de personnes.
Qu'importe les commentaires que nous ferons sur les extensions citées, nous tenons tout d'abord à féliciter les auteurs de ces extensions pour le travail fourni gratuitement à la communauté de Firefox.

2-2-1. Adblock

Qu'est-ce qui représente le plus gros fléau de l'internet aujourd'hui et qui fait vivre des milliers de personnes? non ce ne sont pas les virus mais les publicités. Sur cette pollution visuelle soi-disant ciblée, a fait la fortune de grosses sociétés (g**gle par exemple) et est dans bien des cas non désirée par la personne naviguant sur un site web.
Le webmaster est en droit d'afficher de la publicité, c'est souvent sa seule source de revenus, et permet au site de rester en ligne. Néanmoins, le lecteur est lui aussi en droit de ne pas lire la publicité et peut même décider de ne pas l'afficher.
C'est avec cette mentalité que the Adblock Crew a créé l'extension Adblock qui permet sur les sites de son choix, de définir (via un simple clic droit) les publicités (images, GIF animés, flash, etc.) que l'on ne souhaite plus voir s'afficher. Ainsi, à chaque fois que vous retournerez sur un site où vous avez déjà bloqué une pub ou une simple bannière que vous estimez trop lourde pour votre bande passante, cette dernière ne se réaffichera pas et vos chargements de pages en seront augmentés.

Image non disponible



Mais voilà, ce n'était pas suffisant et au vu de certains bogues de l'extension Adblock et surtout le manque de fonctionnalités, Wladimir Palant décida de reprendre le développement de l'extension pour créer Adblock Plus, la petite sœur d' Adblock proposant parmi tant d'autres, une liste blanche et une meilleure compatibilité avec G.
Qu'est-ce donc que ce G. et à quoi sert-il? Et bien, il met tout simplement votre Adblock à jour avec une liste de pubs prédéfinies. En effet, avec Adblock plus, vous deviez bloquer (une fois) chaque pub que vous rencontriez mais si vous arriviez sur un nouveau site web ou si la publicité changeait, vous deviez réitérer la manipulation. Heureusement, ce n'est plus le cas car des âmes charitables ont décidé de créer "l'extension" de l'extension Adblock: FilterSet G. for Adblock.

Nous déconseillons personnellement d'utiliser Adblock et d'utiliser Adblock Plus à la place. Nous conseillons également l'installation de l'extension FilterSet G. for Adblock

2-2-2. IETab

Quel est le plus gros avantage de Firefox? Il n'est pas IE. Et son plus gros défaut? Il faut parfois revenir à IE pour avoir un site fonctionnel.
En effet, lorsque votre site ne marche pas correctement sous Firefox, vous devez copier/coller l'url dans une fenêtre d'Internet Explorer. Cette manipulation peut devenir rapidement fatigante.
Heureusement pour nous il existe l'extension IEView, qui permet d'afficher dans un menu contextuel (bouton droit), une option pour ouvrir automatiquement l'url dans une page IE.

Cette option a pendant longtemps été la solution la plus rapide et la plus efficace mais a néanmoins ses inconvénients comme le fait d'avoir des fenêtres Firefox et IE ouvertes simultanément et rend plus difficile la possibilité de retrouver rapidement sa page.
Une solution a alors vu le jour, grâce à l'extension IETab. Ceux qui l'ont testée ne peuvent plus s'en passer.
Cette dernière charge un composant de Windows (utilisé par IE) pour afficher un "onglet IE" directement dans Firefox.

Premier avantage: une seule fenêtre et plusieurs onglets FF ou IE possibles
Deuxième gros avantage de cette extension: son switch. L'installation de cette extension installe deux boutons dans Firefox (affichage configurable) qui permettent de switcher entre le moteur FF et le moteur IE. Ainsi, si vous êtes en train de naviguer sur www.toto.com et que cela ne marche pas comme prévu, il vous suffit de cliquer sur le bouton pour que l'onglet se transforme en onglet IE et charge la page comme si vous étiez sous IE.
Troisième avantage: sa configuration. Il est en effet possible de configurer l'extension pour ouvrir automatiquement certaines URLS. Ainsi, si vous configurez l'url www.toto.com, chaque fois que vous taperez son adresse dans la barre d'adresse, l'onglet se transformera automatiquement onglet IE.

Pour les désavantages: la sécurité. En effet, IETab charge un onglet avec le moteur IE, avec tout ce qui va avec: menu contextuel d'IE, bugs, failles, etc. Ajoutons à cela que les autres extensions de Firefox ne marcheront pas forcément sur cet onglet.

Téléchargement: ici

2-2-3. GetJetableMail

voici une extension peu souvent connue, j'ai nommé GetJetableMail, ce qui, pour les anglophobes, veut dire: obtenir un mail jetable.
Qu'est-ce que signifie un mail jetable? Et bien comme son nom l'indique, il consiste à obtenir un mail qui ne marchera plus au bout d'un temps T défini par l'utilisateur.

Mais pour quel intérêt? le spam pardi!!! Si vous êtes un utilisateur intelligent, vous possédez forcément un compte mail qui sert de mail "poubelle", et avec lequel vous vous inscrivez sur les sites pour lequel un compte "bidon" est demandé, et qui sont susceptibles d'être source de mails de spam.
Mais cette solution est-elle optimisée? la réponse est non! Parce que rapidement cette boite poubelle peut se retrouver avec une 40aine(ou plus) de spam par jour. Il existe alors l'ultime solution avec GetJetableMail.
Fonctionnement: ce dernier crée une adresse bidon qui redirige les mails vers votre boite mail puis se détruit au bout d'un certain temps (24h par exemple). Ainsi, si vous aviez une adresse toto@dvp.com, vous créez une adresse GetJetableMail (auto générée par le plugin. exemple: elj3on98d3rin9v8@jetable.com) et vous saisissez le mail dans le formulaire du site sur lequel vous désirez vous inscrire. Ainsi les mails seront envoyés à cette adresse qui renverra automatiquement vers toto@dvp.com. 24h plus tard, l'adresse étant détruite, vous ne recevrez plus les mails du site web.

Téléchargement: ici

2-2-4. Tab Mix Plus

Nous de décrirons pas toutes les options de Tab Mix Plus, mais nous le désignerons comme de très loin, le plus avancé des customizers des paramètres de navigation par onglet. Il vous permettra de paramétrer très finement chaque ouverture, fermeture, et action sur les onglets.-

tabmixplus

Téléchargement: ici

2-2-5. ScrapBook

Scrapbook est une extension que vous ne trouverez que sur le site de son(ses) auteur(s):
Ne vous est-il jamais arrivé de cliquer sur l'un de vos anciens favoris et de voir que la page demandée n'existe plus? Ceci est maintenant fini avec Scrapbook. Son fonctionnement, au lieu de simplement garder un lien, il aspire et enregistre la page. Mais ça, nous pouvions déjà le faire, ça remplissait juste les dossiers un peu n'importe comment.
Dorénavant, vos pages seront rangées correctement dans le panneau latéral, selon l'arborescence de votre choix.

scrapbook

Mais ce n'est pas tout, les pages sauvegardées sont éditables via une petite barre d'outils qui vous permet d'éditer ou supprimer certains éléments de la page que vous ne souhaitez pas garder.

Téléchargement: ici

2-2-6. Web Developer

Cette extension est LA trousse à outils du développeur Web. Ses fonctionnalités se comptent par dizaines. Il gère aussi bien tout ce qui est cookie, formulaire, css, JavaScript, validation W3C, test en plusieurs résolutions. Voici un descriptif plus détaillé des menus de cette barre d'outils:

Disable
Permet de désactiver de nombreuses fonctionnalités: le cache, java, JavaScript, les couleurs de la page, etc.

Cookies
Fournit différents outils sur les cookies avec entre autres, l'ajout de cookie, la visualisation du cookie du site en cours, la désactivation des cookies.

Css
Fournit différents outils pour travailler sur les CSS: leur affichage, l'édition en temps réel et plein d'autres choses.

Forms
Permet de travailler avec les formulaires des pages web. Afficher les détails de chaque formulaire, voir les champs cachés, remplir les champs, etc.

Images
Permet d'afficher et de travailler sur les images de la page. Les cacher ou au contraire afficher leurs informations (taille, chemin de l'image, dimensions, texte alternatif, etc.)

Information
Fournit différentes informations sur le document web en cours. Permet également de faire ressortir certains éléments (blocks) de la page pour une meilleure visibilité.

Miscellaneous
Permet principalement d'éditer le code source HTML et de voir les modifications en temps réel

Outline
Permet de surligner les éléments de son choix.

Resize
Permet de redimensionner la fenêtre pour faire des tests de résolution ou encore d'afficher la taille courante de la fenêtre pour des résolutions "exotiques"

Tools
Fournit un grand nombre d'outils en tout genre passant de la validation HTML ou des CSS, jusqu'à l'utilisation d'une console JavaScript pour détecter les erreurs, etc.

View Source
Permet d'afficher soit la source entière, soit simplement la source des éléments générés (PHP, ASP, etc.) ou encore d'afficher la source dans un programme externe.

web developer

Bref, un must-have pour tout développeur web.

Téléchargement: ici

2-2-7. Gtranslate

Vous venez de tomber sur un mot qui ne vous dit rien, et vous avez besoin de le traduire. Mais sélectionner le texte, trouver un bon site de traduction, traduire puis revenir à la page originelle peut être fastidieux, surtout si plusieurs mots de la page sont à traduire. C'est fini avec cette extension. Vous présélectionnez la conversion de votre choix et vous n'avez qu'à faire un bouton droit sur votre sélection pour le voir traduire.

GTranslate

Téléchargement: ici

2-2-8. FireFTP

FireFTP est un client ftp minimaliste mais néanmoins complet qui s'ouvre dans un onglet et vous permettra d'accéder à des FTP pour y transférer tout type de fichiers. FireFtp permet de gérer plusieurs comptes mémorisables, de choisir le type de transfert, de passer par un proxy, etc.

FirefFTP

Téléchargement: ici

2-2-9. ChatZilla

Il peut arriver qu'un développeur ait besoin d'aide (ou simplement de détente) et par conséquent, qu'il puisse obtenir des réponses très rapidement. Dans ce cas, le chat IRC est souvent la solution la plus adaptée mais nécessitant un client IRC.
ChatZilla est alors le logiciel qu'il vous faut. Client IRC minimal, il vous permet d'utiliser très facilement tout chat. À vous les programmes solutionnés rapidement et si cela ne vous suffit pas, il vous reste le chat de developpez.com: https://chat.developpez.com

chatzilla

Téléchargement: ici

2-2-10. SecurePassword

Bon nombre d'informaticiens sont incapables d'avoir les notions de base de la sécurité et l'utilisation de mots de passe "sécurisés". On voit même des administrateurs système avec des mots de passe comme "soleil" ou "pamela"...
Heureusement, il y a ceux qui savent qu'il faut créer des mots de passe alphanumériques. Malheureusement pour eux, la génération d'un mot de passe aléatoire par le cerveau humain n'est pas toujours facile.
C'est là que cette extension entre en jeu. Entièrement paramétrable, cette extension permet de générer en quelques secondes un mot de passe totalement aléatoire. Fini les mots de passe trop faciles, à vous les mots de passe difficiles à retenir :)

SecurePassword

Téléchargement: ici

2-2-11. View Source Chart

Cette petite extension permet d'afficher le code source d'une page de façon aérée et très claire grâce à un embriquement de cadres colorés. Il vous permettra de lire plus rapidement tout type de code source, même le plus sale du monde :)

Image non disponible

Téléchargement: ici

2-2-12. FireBug

FireBug est l'extension parfaite pour le développement qui touche au javascript (y compris AJAX donc). Il contient un inspecteur de code qui détecte les erreurs mais surtout le débogueur qui permet d'avancer pas à pas dans le code javascript afin de mieux comprendre les différentes étapes des fonctions pour y découvrir un éventuel comportement inhabituel

Téléchargement: ici

2-3. Les autres extensions

Bien d'autres extensions sont intéressantes mais il ne nous a pas été possible de les citées toutes. Néanmoins parmi les extensions ayant aussi retenu notre attention, nous pouvons parler de
customizegoogle: enlève les pubs de google et plein d'autres choses
autohide: cache les barres d'outils qui réapparaissent au passage de la souris
pdf download: permet de télécharger le PDF et de l'afficher dans un programme externe (évite de faire ramer Firefox voire le faire planter)
Menu Editor: permet de choisir tous les menus que vous n'utilisez pas et que vous ne voulez pas voir apparaitre
External Application buttons: Cette extension est la copie d'une fonctionnalité du navigateur Maxthon (et peut-être d'autres). Elle vous permettra de mettre des raccourcis vers des applications externes de votre choix. Ainsi vous pouvez mettre un raccourci vous permettant d'accéder rapidement à votre éditeur de code préféré, puis à votre client FTP (si vous n'utilisez pas FireFTP) et ce, sans sortir de Firefox.
Bookmarks synchronizer: permet d'avoir vos favoris en ligne, ce qui permet de les avoir directement dans Firefox mais sur n'importe qu'elle machine.

Je vous laisse néanmoins découvrir les centaines d'extensions qui existent afin que vous vous fassiez votre propre idée: Geckozone

3. Conclusion

Firefox est un tout jeune navigateur qui en deux ans a su démontrer sa puissance, sa sécurité et ses fonctionnalités de base. Grâce à des milliers de bénévoles et leurs extensions, il est actuellement le navigateur web le plus complet et le plus personnalisable.

4. Remerciements

Remerciements tous particuliers aux auteurs de ces extensions et également à ceux des autres extensions qui, par leur temps libre dépensé, nous facilitent notre vie de tous les jours. Remerciements également à tous les membres de la rédaction ayant participé à la sélection des extensions et l'écriture de cet article, à savoir: netah25, gangsoleil, vow, gnux, cchatelain, 2Eurocents, gege2061 et surtout gretch.
Je tiens également à remercier ArHacKnIdE pour les corrections apportées à l'article.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+