Catégorie « Firefox »

Correction pour l'inspecteur DOM de Firefox

Cet article est marqué comme contenant des informations dépassées depuis le 21/10/2018.
Cette extension n'existent plus, remplacée par les outils de développement natifs de Firefox.

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) :

C:\Documents and Settings\<votre-profil>\Application Data\Mozilla\Firefox\Profiles\1473dcd0.default\extensions\inspector@mozilla.org\chrome\inspector.jar

Une fois le fichier remplacé, relancez Firefox et le problème est réglé \o/

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 !


Quelques extensions pour Firefox #3

Cet article est marqué comme contenant des informations dépassées depuis le 21/10/2018.
Ces extensions n'existent plus depuis Firefox 57 et l'abandon de l'ancien système d'extensions.

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/

Regular Expressions Tester

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 pour Firefox… #2

Cet article est marqué comme contenant des informations dépassées depuis le 21/10/2018.
Ces extensions n'existent plus. Foxmarks et Abduction! sont remplacées par des fonctionnalités natives de Firefox : respectivement Firefox Sync et Firefox Screenshot

Encore quelques extensions sympathiques :)

Prévisualisation - Foxmarks Bookmark Synchornizer

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.

Prévisualisation - Abduction!

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.

Prévisualisation - PDF Download

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...


Enfin !

Ça y est, Tab Mix Plus est enfin compatible Firefox 3 ! C'était la dernière extension que j'attendais pour pouvoir mettre à jour, c'est donc chose faite :)

C'est l'occasion de relever un point noir sur le moteur de recherche d'extensions sur le site de Mozilla :

  1. en recherchant "tabmixplus" ou "tabmix", j'obtiens 5 résultats mais pas Tab mix plus (les 5 résultants faisant référence à l'extension dans leur description en tant que "TabMixPlus").
  2. en recherchant "tabmix plus", je n'obtiens aucun résultat.
  3. en recherchant "tab mix plus", je n'obtiens aucun résultat non plus est là c'est nettement moins compréhensible !
  4. ce n'est qu'en recherchant "tab mix" que j'obtiens enfin le résultat recherché.

En soi, ça peut se comprendre avec un algorithme simple de recherche (à part pour le point 3). J'ai d'ailleurs testé sur quelques sites pour voir et je n'en ai trouvé que parmi les moteurs de recherches (Google et Live Search) qui me trouvent les résultats en collant les mots.

C'est un point sur lequel les différentes implémentations de moteurs de recherches internes des CMS, forums, etc. devraient se pencher, parce que quand on cherche une marque ou un nom, on n'a pas forcément le découpage précis en tête...


JavaScript Debugger

Cet article est marqué comme contenant des informations dépassées depuis le 21/10/2018.
Cette extension n'existent plus, remplacée par les outils de développement natifs de Firefox.

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.

JavaScript Debugger - fenêtre principale

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...