Firefox est un navigateur web libre et très complet. Il est hautement configurable. Voici quelques astuces permettant d'améliorer son quotidien de surf.

Si vous utilisez encore Internet Explorer (IE), vous trouverez sur processus.org toutes les raisons qui font que vous devriez changer votre navigateur.

Peut-être comme moi n'êtes-vous pas satisfaits de la position par défaut des différents boutons de l'interface de firefox. Ce logiciel étant hautement configurable, il est possible de les modifier: les déplacer, les supprimer, en ajouter...

La manipulation est très simple: <clic droit> sur l'un de ces boutons (comme <retcharger> par exemple), et choisissez <Personnaliser...>. L'interface est maintenant modifiable par simple glisser/déposer...

Par défaut, lorsqu'on saisi une suite de mots dans la barre d'url (d'adresse) de firefox, celui-ci utilise la fonction de recherche de google (Google Search) pour rediriger l'internaute vers le site qui semble le plus pertinent à google (il s'agit de la fonction j'ai de la chance ou I'm lucky de google). Cette fonction est bien pratique. Cependant souvent le premier site proposé par google n'est pas celui qui nous intéresse le plus, et alors le comportement de firefox est un peu frustrant (on aimerait bien aussi avoir les autres résultats).

Il est possible de changer le comportement par défaut de firefox d'une manière très simple:

• aller à l'adresse about:config qui contient l'ensemble des paramètres de préférence de firefox (et notamment ceux non modifiables par le menu paramètres);
• Dans le contenu de la page (présentée sous forme de liste d'options), par le bouton clic droit de votre souris, ajouter une nouvelle chaine de caractères, en lui donnant comme nom keyword.URL;
• Entrez alors comme valeur à cette nouvelle option http://www.google.com/search?btnG=Google+Search&q= qui correspond à la fonction de recherche de google;
• Quittez puis redémarrez firefox.

Après cette modification, firfox aura le fonctionnement suivant: en saisissant une suite de mots dans la barre d'adresse, vous serez redirigés vers la recherche google correspondante.

Il est possible de créer un marque-page de recherche pour toute recherche sur un site, et d'associer à cette recherche un mot-clé pour faciliter les recherches par la suite. Voici comment procéder:

1. Faire un clic droit dans le champ de recherche puis en sélectionnant 'Ajouter un mot-clé pour cette recherche'.
2. Choisissez un mot-clé (de préférence court et simple à retenir) ainsi qu'un nom et ajoutez la recherche à vos marque-pages.
3. Une fois cette manipulation réalisée, vous pouvez alors utiliser ce mot-clé dans la barre d'url de firefox en la faisant suivre par les mots de votre recherche.

Par exemple: utiliser le mot-clé "w" pour la boite de recherche de wikipedia. Alors "w Richard Stallman" dans la barre d'url vous enverra directement sur la page wikipedia consacrée à RMS...

Vous l'aurez sans doute remarqué, google propose de nombreuses publicités lors de recherches. Certes, ces publicités sont discrètes, mais on peut avoir envie de les faire disparaitre.

Comment procéder (firefox < 1.0.4)

Voici les étapes à suivre pour faire disparaitre les publicités de google:

1. Installer l'extension URIid
2. Créez un fichier userContent.css dans votre répertoire ~/.firefox/default/<xxx>/chrome (sous GNU/Linux. Pour trouver l'endroit exact où placer ce fichier sous un autre système d'exploitation, voir le site de mozilla). Ajoutez-y les lignes suivantes:
   body#www-google-com div.ch {
display: none !important;
}

body#www-google-com table[align="right"][width="25%"] {
display: none !important;
}

body#www-google-fr div.ch {
display: none !important;
}

body#www-google-fr table[align="right"][width="25%"] {
display: none !important;
}

3. Redémarrez firefox, et c'est fait!

Explications

Le fichier userContent.css contenu dans votre répertoire ~/.firefox/default/<xxx>/chrome contiend les règles css que le navigateur applique après celles par défaut du navigateur, et avant celles du site. Il est alors possible de modifier le comportement par défaut de l'affichage des styles.

Cependant, ces modifications affecteront tous les sites. Or on souhaiterait n'affecter que le site de google. L'extension URIid ajoute à firefox la gestion des sites dans les feuilles css. Ainsi, "body#www-google-com" n'affecte que le site www.google.com.

Enfin, reste à expliquer les quatres règles css:

• la première masque les blocs de classe "ch", qui contiennent sur le site de google les liens commerciaux sur fond bleu en début de page.
• la seconde masque le tableau placé à droite de l'écran qui contient les publicités thématiques (les crochets dans les feuilles css signifient: ne modifier que le style des balises possédant les attributs décrits entre crochets).
• les deux règles suivantes font la même chose sur le site français de google

"display: none" précise que l'on ne va pas afficher l'objet en question. On aurait pu utiliser "visibility: hidden", mais la place nécessaire à l'affichage de l'objet aurait encore été présente.

Enfin, "!important" précise à firefox que les règles qui suivront dans les feuilles css traitant du même objet ne devront pas être prises en compte. Cela permet de casser l'héritage des styles css que nous vous avions présenté.

Cela assure que la css de google ne remplacera pas ces règles (cependant, google pourrait le faire en ajoutant à son tour "!important" à son style. Alors les règles que nous avons créé seraient ignorées).

Toujours plus

Cette astuce peut être reprise pour d'autres sites. L'exemple le plus simple est de réaliser la même manipulation que décrite ci-dessus, mais en remplaçant "www-google-ch" par "www-google-ch". Ainsi on fait disparaitre les publicités de google.ch, la version suisse du site.

Comment procéder (firefox récent)

Depuis la version 1.0.4 de firefox, l'extension URIid ne fonctionne plus. Par contre, firefox dispose par défaut des mêmes fonctionnalités, avec une syntaxe légèrement différente. Comme précédemment, il s'agit d'éditer le fichier userContent.css et d'y ajouter quelques lignes, de la forme:
@-moz-document domain("google.fr")
{
div.ch {
display: none !important;
}

table[align="right"] {
display: none !important;
}

Vous trouverez les explications de cette syntaxe sur le forum de geezone. La syntaxe a encore été clarifiée, avec la commande "@-moz-document" qui permet de définir un bloc css spécifique à une url, un nom de domaine, etc. Enfin, j'ai légèrement modifié les règles css, car le site de google change fréquemment, et il semble que les anciennes règles css n'étaient plus valides.

Certains outils de firefox sont indispensables au développeur de page web. En voici une courte liste:

• Web Developer: cette extension propose une barre très complète qui s'ajoute à l'interface de firefox. Outre les outils de validation, de redimensionnement du navigateur (800x600 par exemple) très utiles pour tester un site, elle propose également de mettre en valeur les différents composants de la page en les entourant d'un léger trait. Mais l'outil qui devient vite indispensable est l'éditeur CSS intégré: les modifications faites à la feuille css sont directement prises en compte par le navigateur.
• DOM inspector: il permet de naviguer dans l'arbre des balises de la page, d'afficher leur position sur la page, mais aussi de voir les règles CSS associées à chaque objet, avec leur provenance: très pratique lorsque l'on développe une feuille CSS
• Tabbrowser extensions est une extension augmentant encore les capacités de firefox en terme de navigation par onglets. L'ajout extrêmement pratique est l'historique de fermeture des onglets, qui permet de réouvrir un onglet fermé précédemment, et même de revenir dans l'historique de cet onglet. Génial pour les têtes en l'air comme moi, qui ferment leurs onglets sans faire attention...

Il existe plusieurs manière d'intégrer une traduction (souvent français vers anglais ou inversement) à Firefox. Vous en trouverez quelques unes sur le site des extensions de geckozone. Malheureusement, l'extension que je préfère n'y est pas, et n'est pas simple à trouver. Je mets donc le lien ici.

Cette extension est liée au site http://www.wordreference.com qui propose de très bonnes traductions en ligne. La page de téléchargement de l'extension sur mozdev propose d'ajouter comme site de recherche (comme google en haut à droite dans la configuration par défaut) les traductions d'une langue vers une autre. L'accès est immédiat, et vraiment très pratique.