Bloc-notes de Darathor

JSONView

Bon, c’est encore un truc purement pour développeurs mais c’est bien pratique quand on utilise JSON comme mode de communication client/serveur sur une application web (plus compact et moins lourd à utiliser qu’XML) : elle permet de faire afficher le JSON directement dans Firefox de façon un peu lisible plutôt que de forcer l’ouverture dans un logiciel externe où on se retrouve avec tout sur une unique ligne peu lisible ^^

Browser View Plus et Open With

Ces deux extensions sont des alternatives “groupées” à toutes les extensions IE View, Opera View, Safari View, etc. Ces extensions permette d’ouvrir un lien ou la page courante dans un autre navigateur. C’est pratique si jamais la page s’affiche mal ou bien, pour un développeur web, tester une page rapidement sur différents navigateurs.

L’avantage ici est de n’avoir qu’une seule extension installée au lieu de quatre ou cinq et de gérer également les navigateurs plus confidentiels. Actuellement, j’utilise la première chez moi et la seconde au boulot, n’ayant pas encore tranché entre les deux qui se valent un peu a priori…

OptimizeGoogle

Il s’agit d’un fork de l’excellent CustomizeGoogle qui ne semble malheureusement plus maintenu depuis quelques temps (et notamment pas compatible avec Firefox 3.6)… Cette extension permet d’arranger quelques trucs dans l’interface de Google, notamment :

• réduire un peu le nombre d’infos que Google récolte sur vous lors des recherches.
• virer les pubs
• transformer les liens dans Google Images en liens directs vers les images plutôt que vers une page intermédiaire.
• ajouter un compteur à côté de chaque résultat pour connaître sa position (quand on s’intéresse au référencement d’un site, ça peut être sympa).
• et bien d’autres mais qui personnellement ne m’intéressent pas trop…

Toutes des modifications sont activables/désactivables dans les préférences de l’extension.

Firefox propose sous forme d’une extension (en général incluse par défaut) un inspecteur DOM. Cet outils bien pratique permet de parcourir le DOM d’une page, de voir tous les attributs de chaque noeud, les styles appliqués, le code javascript associé, bref un paquet de choses qu’on est bien content de pouvoir consulter dans certains cas.

Pour une bonne partie de ces informations, des extensions comme les bien connues Web Developer ou Firebug offrent des interfaces plus agréables mais d’une ne permettent pas d’aller aussi loin et de deux ne permettent pas d’inspecter du DOM XUL… Or dans RBS Change, le backoffice est en XUL et quand on veut faire des choses assez avancées ou débuguer, on n’y coupe pas.

Le problème c’est que dans sa version actuelle, l’inspecteur DOM est foireux en version française : certaines clés de localisation manquent, ce qui bloque carrément le fonctionnement de certaines parties de l’interface…

J’espère que la correction sera incluse dans la prochaine version mais ça fait déjà plusieurs mois que ça dure et ça commence à bien faire… Voici donc une version corrigée du fichier inspector.jar contenant les dites clés de localisation (les fichiers modifiés dans l’archive sont locale/fr/accessibleProps.dtd et locale/fr/styleRules.dtd).

Je me suis concentré sur le fait de rajouter les clés manquantes, la traduction n’est pas forcément top, voire dans le cas où je ne voyais pas comment traduire, j’ai carrément gardé le texte anglais… L’essentiel étant d’éviter le gros message en rouge qui dit qu’il manque une entité et bloque l’interface

Installation : ce fichier zip contient le fichier inspector.jar qui remplace le fichier suivant (sous Windows du moins, sur un autre système il faudra chercher un peu) :

P.S. : puisqu’on parle de l’inspecteur DOM, j’en profite pour évoquer Stacked inspector une micro-extension bien pratique qui ne fait qu’ajouter un bouton permettant de switcher l’interface de l’inspecteur en mode vertical ou horizontal. Ça n’a l’air de rien mais dans certains cas c’est vachement plus agréable !

OpenTabs

Une petite extension développée par l’un de mes collègues et qui ne fait qu’une seule chose mais le fait bien : elle ajoute un bouton permettant de modifier d’un seul clic l’ouverture des onglets en passant d’une ouverture en arrière-plan à une ouverture en avant-plan, et vice versa. C’est pas grand chose mais dans certains cas c’est bien pratique ^^

Regular Expressions Tester

Cette extension clairement réservée aux développeurs permet d’écrire une expression rationnelle et de tester en temps réel son application sur une chaine. C’est carrément pratique, en particulier quand on doit débuguer une expression écrite par quelqu’un d’autre et qui, forcément, est totalement incompréhensible \o/

Dragdropupload

Encore une petite extension qui n’a l’air de rien comme ça mais que je trouve bien pratique ! Elle permet de renseigner un champ de formulaire de type fichier directement en “droppant” le fichier dedans plutôt qu’en étant obligé de saisir sont chemin d’accès ou de le rechercher dans l’arborescence (alors que dans certains cas on a déjà fait cette recherche préalablement dans l’explorateur windows).

Encore quelques extensions sympathiques

Foxmarks Bookmark Synchronizer

Cette extension permet de synchroniser automatiquement ses marque-pages entre plusieurs Firefox… très pratique quand on utilise plusieurs machines. D’autant qu’on peut gérer plusieurs profils pour n’avoir, par exemple, certains marque-pages qu’au boulot et d’autres que chez soi. Enfin le site où ils sont stockés permet également de les consulter en ligne si l’on est sur la machine de quelqu’un d’autre.

Abduction!

Celle-ci permet de réaliser des captures des pages affichées par Firefox. L’avantage sur un logiciel de capture externe est que toute la page est directement capturée (et pas seulement la partie que l’on voit à l’écran) et uniquement la page (pas les barres d’outils de Firefox ou les autres fenêtres ouvertes). Enfin on peut également ne capturer qu’une partie de la page en la sélectionnant dans la prévisualisation.

PDF Download

Dans le même ordre d’idée, cette extension permet de générer un PDF à partir d’une page (en conservant le liens). Le seul problème c’est qu’en fait ce n’est pas directement l’extension mais un site externe qui réalise la conversion… du coup si c’est une page en accès restreint, c’est mort et idem si la page comporte des infos relatives à une connexion (genre un panier sur un site marchand par exemple) et en plus il faut télécharger le PDF généré qui peut s’avérer imposant selon la page. Mais bon, ça peut éventuellement servir tout de même à l’occasion…

Quand on a travaillé un peu sur des sites ou applications utilisant des JavaScript volumineux, on se rend compte assez vite que c’est laborieux. Les erreurs sont mal remontées, on n’a pas de stack trace, etc. Firefox est déjà largement au dessus d’Internet Explorer à ce niveau en fournissant une console d’erreur nettement plus lisible et fonctionnelle mais ça reste insuffisant sur des scripts complexes et fortement découpés en de nombreuses fonctions élémentaires.

Une solution au problème : JavaScript Debugger, une extension pour Firefox qui, comme son nom l’indique, implémente un débuggeur JavaScript.

Comme sur les débuggeurs disponibles pour les autres langages, on peut donc placer des point d’arrêt (breakpoint) permettant une exécution pas à pas du script, avec à chaque étape la possibilité d’inspecter toutes les variables définies et leurs valeurs. Ça ne résout pas tout mais ça aide grandement à comprendre ce qui arrive !

Malheureusement, cette extension est encore loin d’être parfaite : elle est assez lourde et ne se ferme pas toujours vraiment lorsqu’on ferme la fenêtre et même en fermant toutes les fenêtre Firefox, il arrive qu’il reste toujours une instance de Firefox qui traine dans les processus en cours et qu’il faut tuer à la main (sous Windows du moins, je ne l’ai pas testé sur un autre système).

Donc ce n’est pas parfait mais ça a le mérite de combler un gros manque, donc ça mérite le coup d’œil

Sinon, l’extension Firebug est censée fournir une partie de ces fonctionnalités également mais, jusqu’à présent, à chaque fois que j’ai tenté de l’installer elle m’a causé plus de problèmes qu’autre chose (instabilité du navigateur) donc je n’ai pas approfondi…