firefox logo Pour les utilisateurs de Firefox, voici quelques idées qui peuvent le rendre plus pratiques. Il y en a un peu pour tous les goûts.

Les extensions

Mes extensions du moment sont, pour la vie privée et la sécurité :
  • Web of trust : pour un web plus sûr et vous avertir des sites dangereux ;
  • µBlock Origin : pour un web sans pub, plus rapide et plus sûr. (Tous les autres sont passés du côté obscure et sans un bloqueur, la navigation est juste impossible) ;
  • Click to Play per-element : permet de rendre les éléments Flash silencieuses jusqu’à ce qu’on les active par un clic. Ça empêche certaines pub, les onglets bruyants et ça allège la navigation de façon générale.

Pour les fonctionnalités supplémentaires :
  • Flash Video Downloader : télécharger des vidéos flash (Youtube). L’un des rares qui fonctionne assez bien.
  • Textarea Cache : qui enregistre ce qu’on tape dans les formulaires pour éviter de perdre ce qu’on tape en cas de session expirée. Il est beaucoup plus léger que Lazarus car son interface est plus sobre et surtout parce qu’il peut supprimer les vieilles données à chaque session ;
  • Greasemonkey : pour modifier tout et n’importe quoi dans les sites web (voir plus bas pour quelques uns de mes scripts).
  • Stylish : le Greasemonkey du CSS. On pourrait s’en passer et n’utiliser que Greasemonkey, mais ce module est bien plus rapide. Si vous utilisez Twitter, vous pouvez essayer mon tweak-twitter.

Pour l’interface :
  • Vertical Toolbar : pour avoir la barre de favoris sur le côté et gagner de la place en hauteur, ma précédente astuce ne marche plus depuis un moment ;
  • Tab Wheel Scroll : pour passer d’un onglet à un autre avec la molette de la souris (comme dans Chrome) ;
  • GNotifier : si vous êtes sous Linux, permet à Firefox d’utiliser le système de notification du système comme le joli Notify OSD d’Ubuntu, par exemple pour les téléchargement qui se terminent.

Dans About:config


  • ui.SpellCheckerUnderlineStyle : mettez-le à 3 pour que les mots mal orthographiés soient soulignés en rouge d’un trait plutôt qu’une vague. La lisibilité n’en est que meilleure ;
  • accessibility.tabfocus : mettez-le là aussi à 3 (au lieu de 7) pour que seuls les champs de saisie soient concernés par la touche de tabulation. Le « 7 » permet d’activer les liens en plus des champs de saisie ;
  • security.dialog_enable_delay : supprime le délaie de trois secondes lors de l’installation d’un module ou d’un téléchargement ;
  • browser.urlbar.trimURLs : passez-le à false avec un double clic pour que Firefox cesse de masquer des parties de l’URL ;
  • media.peerconnection.enabled : mettez à false pour désactiver WebRTC et du même coup la faille qui montre votre vraie IP même derrière un proxy (source).
  • layout.css.filters.enabled : activez ça pour avoir accès aux Filtres CSS3. Ce n’est pas activé par défaut, et ça permet d’utiliser cet outil.
  • places.history.expiration.max_pages : mettez un nombre entier ici pour limiter le nombre de pages dans l’historique de Firefox. Perso j’ai mis 4000. La clé places.history.expiration.transient_current_max_pages doit également être changée (mais elle est liée à la précédente).
  • browser.pocket.enabled : mettez à false pour désactiver Pocket dans Firefox 38+.
  • j’active tout ce qui est sur cette page pour profiter du HTML5 en fullHD sur Youtube (attention : ça active les DRM-html5 et les codecs proprio).
  • xpinstall.signatures.required : à mettre à false pour autoriser l’installation de modules complémentaires non signés.
  • network.http.speculative-parallel-limit : à mettre à 0 pour que Firefox ne fasse pas des requêtes simplement lorsqu’on passe la souris au dessus d’un lien.
  • browser.backspace_action : mettre ça à 0 fait que le touche « backspace » retourne d’une page dans l’historique (équivalent du bouton « précédent »). Mettre à 1 permet de faire comme une scroll-up.


Des moteurs de recherche personnalisés


C’est sûrement la truc le plus pratique disponible dans tous les navigateurs. Ce sont les « !bang » directement dans le champ de l’URL (sans passer par DDG ou Google). N’importe quel champ de recherche peut être lié à un raccourcis « !bang ».

Personnellement j’ai ainsi Wikipédia (w), Youtube (y), Google (g), Google Image (i), Google Image recherche par URL (ii), Flickr Recherche d’images en CC (fcc)…

Il suffit de faire un clic droit dans un champ de recherche et faire « ajouter un mot clé pour cette recherche ». Ajoutez ainsi un mot clé en face du champ « mot clé », par exemple « w » pour le champ de recherche de Wikipédia et il vous suffira ensuite de taper « w le hollandais volant » pour afficher la page Wikipédia sur le Hollandais Volant.


Sur l’interface


Pour l’interface, j’ai déjà la barre personnelle affichée verticalement sur le côté, mais j’ai aussi supprimé le champ de recherche (la barre d’URL remplissant cette fonction).
Mes icônes d’extensions sont aussi sur la barre des personnel.

Avec l’extension ClassicThemeRestorer je peux modifier beaucoup plus de choses dans Firefox. Je remet ainsi l’icône de rafraîchissement de la page à gauche de la barre d’adresse.

Scripts GreaseMonkey


GreaseMonkey permet de faire des scripts pour modifier des pages à la volée.
J’ai ainsi quelques scripts pour supprimer systématiquement les paramètres de tracking « UTM_* » dans les URL, ou pour réactiver les suggestions et le redimensionnement des champs de saisie.

J’ai aussi un script pour Youtube, me permettant d’avoir des URL Youtube propres (sans les « featured » ou « source »), ce qui est pratique pour les partager, voir là.

Pour Wikipédia, je lis principalement les pages en Français et en Anglais. Voici un script qui va mettre en rouge les liens sur la gauche de la page (celle pour voir un article dans les autres langues). Ça permet de gagner du temps quand on cherche à trouve le lien « English » dans la liste des 200 langues disponibles.


UserChrome.css


C’est le fichier dans le dossier ~/.mozilla/firefox/<le dossier du profile>/chrome/userChrome.css.

Ce fichier CSS permet de modifier l’interface de Firefox, en CSS. À une époque je l’utilisais énormément, mais avec les changements tout le temps depuis la version 3.5, je n’ai jamais tout mis à jour.
Le code suivant fonctionne cependant toujours très bien et il permet de diminuer la largeur des onglets et des onglets quand ils sont épinglés. Plus de place de gagné permet d’épingler plus d’onglets :

.tabbrowser-tab[fadein]:not([pinned]) {
	min-width: 20px !important;
	max-width: 180px !important;
}

.tabbrowser-tab[pinned] {
	width: 24px!important;
	min-width: 20px !important;
	max-width: 24px !important;
}

Et vu que j’utilise l’add-on Vertical Bookmarks, avec la barre de favoris sur le côté droit de l’écran, je réduis là aussi la taille des favoris à leurs favicon :

#personal-bookmarks {
	width: 24px;
}

Quelques raccourcis clavier utiles


Les raccourcis clavier que j’utilise le plus souvent sont :

  • CtrlShiftI : ouvre les options de développement ;
  • CtrlShiftM : toujours pour le dév, ouvre l’outil de redimensionnement des pages ;
  • CtrlL : place le curseur dans la barre d’adresse ;
  • CtrlT : ouvre un nouvel onglet ;
  • CtrlW : ferme l’onglet en cours ;
  • Tab : permet de passer au champ suivant dans un formulaire ;
  • CtrlTab : permet de passer d’un onglet à l’autre (ajoutez Shift à la combinaison pour aller dans l’autre sens)

14 commentaires

gravatar
John Doe a dit :

Salut et merci pour le partage !

Je vais regarder Textarea Cache, s'il est vraiment plus léger que Lazarus je l'utiliserai à sa place.
Ce qui me gêne c'est l'absence de chiffrement mais bon c'est pas non plus très grave.

Click to Play per-element, je pense pas en avoir besoin, j'ai désactivé flash et ça a l'air d'aller. La plupart des sites de streaming où je vais n'en ont pas besoin.
Pour les autres j'utilise un script bash qui lance le streaming de la vidéo dans mpv en récupérant l'adresse du flux via l'option -g de youtube-dl (mpv $(youtube-dl -g <url>)).
Ça marche aussi avec vlc mais je préfère mpv parce qu'il a l'air plus léger et peut se contrôler entièrement au clavier.

J'ai d'autres scripts simples du même genre : un pour dl les vidéos, un pour dl de la musique (les 2 utilisent youtube-dl) et un pour dl une page web en epub et la lire plus tard sur une liseuse (lui utilise pandoc).

J'ai aussi Open With qui de base permet d'ouvrir la page courante dans chrome, mais permet en plus d'ajouter d'autres entrées dans différents menus (menu principal, contextuel, toolbar...). Je lui ajouté des entrées associées aux différents scripts que j'utilise pour les lancer sans le terminal. Et pour aller au bout de la fainéantise et ne pas avoir à cliquer dans les menus, j'ai associé à ces entrées des raccourcis claviers via vimperator (vimperator permet entre autres de simuler des clics dans les menus de Fx via la commande :emenu ; exemple de fichier de conf' à placer dans son home ~/.vimperatorrc).

Du coup ça donne :

gb = dl de la page en epub (get book) (script)
gm = dl de la musique (get music) (script)
gv = dl de la vidéo (get video) (script)
gs = stream dans mpv (get stream) (script)
gr = passe en mode Reader View (get reader)
gc = ouvre la page dans chrome (get chrome) ; utile les rares fois où je tombe sur un site en flash pour lequel youtube-dl ne peut pas m'aider.

Les scripts nécessitent pour la plupart youtube-dl et zenity (pour afficher une fenêtre et choisir le dossier de destination de la sauvegarde).
Oui je sais, je suis une quiche en bash, mais bon ça fonctionne.

Sinon dans la liste des addons que je trouve utile et que tu n'as pas cité, il y a :

gtranslate = traduction de texte depuis le menu contextuel (pratique quand tu tombes sur un commentaire en chinois sur YouTube^^).

Resurrect Pages = accède depuis le menu contextuel au cache de google ou de The Internet Archive quand on tombe sur un lien mort.

ScrapBook = téléchargement de pages web en local qu'on peut en plus éditer / annoter plus tard.

Tree Style Tab = onglets verticaux, permet de garder une vue d'ensemble sur les onglets même quand ils sont nombreux.

Vimperator = naviguer dans Fx en utilisant les raccourcis claviers vim.
Je sais qu'il y'a plus léger et moins intrusif, mais les alternatives sont moins complètes et le confort gagné est tel que je fais avec. À tel point, qu'aujourd'hui il fait partie des 3 addons les plus importants sur mon navigateur avec ublock origin et WOT.
On peut pas entièrement se passer de la souris, mais presque et c'est un confort dont je pourais plus me passer.

Youtube High Definition = automatisation de certains clics répétitifs sur YouTube, comme : choix de la définition (720p par défaut, modifiable), désactiver les annotations...

Youtube Ratings Preview = permet de voir la proportion de likes / dislikes avant même de cliquer sur une vidéo.

gravatar
Le Hollandais Volant a dit :

@John Doe :

Je vais regarder Textarea Cache, s'il est vraiment plus léger que Lazarus je l'utiliserai à sa place.
Ce qui me gêne c'est l'absence de chiffrement mais bon c'est pas non plus très grave.

Surtout, faut activer le vidage quand on ferme Firefox.
La raison de la lourdeur de Lazarus, à l’époque, venait de son cache qui n’était jamais vidé. Quand le fichier fait 500 Mo, on ne se demande plus « pourquoi c’est si lent ? ».

Textarea Cache est basique : pas de recherche, ni de chiffrement. Il enregistre juste les textarea, pas les formulaires entiers. Mais pour moi il me suffit amplement. Lazarus est complet, mais bien trop lourd pour moi.

gravatar
Michaël a dit :

Merci Timo pour tous ces tweaks.
Du côté de about:config, l’option ui.SpellCheckerUnderlineStyle n’apparaissait pas du tout dans mon Firefox 39. Je trouvais cela dommage, alors je me suis référé à la base de connaissance de Mozilla et suis tombé sur cette page. Il apparaît donc que si cette option n’existe pas, on peut tout simplement la créer : clic droit > Nouvelle entrée > Nombre entier, puis taper ui.SpellCheckerUnderlineStyle et enfin la valeur retenue de 0 à 5 (3 dans notre cas, pour avoir une ligne continue).

gravatar
Le Hollandais Volant a dit :

@Michaël : Oui, généralement si une clé n’existe pas dans Firefox, tu peux la créer.
Faut juste savoir si tu dois créer une chaîne de caractères, un booléen ou un entier.

** Chaîne de caractères : c’est du texte. Les clés qui contiennent les lettres sont des chaînes de caractères (characters string), à l’exception des chaînes "true" et "false".
** Booléen : ce sont les clés qui acceptent les valeurs "true" ou "false" uniquement (sans les double quotes « " »).
** Entiers : ce sont les nombres entier : 1, 2, 3… Et même 0, -1 ou 1234352.

Ces types de clés sont également des types de variables utilisées en programmation (il en existe d’autres : comme les nombres à virgule (float) ou les tableaux de nombres (array)).

gravatar
Kimo a dit :

HTML5 Video Everywhere! par lejenome est aussi très utile il remplace le lecteur vidéo de plusieurs site par le lecteur HTML5 de FF. GitHub ou Module FF

Merci pour le partage

gravatar
tester a dit :

>Youtube Ratings Preview = permet de voir la proportion de likes / dislikes avant même de cliquer sur une vidéo.

lol

gravatar
tester a dit :
// ==UserScript==
// @name My mcript
// @namespace www.jadorre.com
// @description nique la redirection de google
// @version 1.0
// ==/UserScript==
!function(a){
"use strict";
function b(b){
var c=b.getAttribute("onmousedown"),d=/\/url\?(?:url|q)=([^&]*)/i,e=/imgurl=([^&]*)/i;
return c&&-1!=c.indexOf("return rwt(")?(b.removeAttribute("onmousedown"),1):d.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(d)[1]),1):e.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(e)[1]),1):0
}
function c(){
for(var c=document.querySelectorAll("#res a, #rhs a"),d=c.length,e=0,f=0;d>f;f++)e+=b(c[f])
}
function d(a){
switch(a.type){
case"DOMAttrModified":"xfoot"===a.target.id&&""==a.b&&(c(a),a.stopPropagation());
break;
case"DOMNodeInserted":"xfoot"==a.c.id&&(c(a),a.stopPropagation())}
}
"/search"==location.pathname&&a.addEventListener("DOMContentLoaded",c,!1),document.addEventListener("DOMAttrModified",d,!1)
}(window);
gravatar
tester a dit :

edit:

// ==UserScript==
// @name My Script
// @namespace www.jadorre.com
// @description nique la redirection de google avec javascript désactivé
// @version 1.0
// ==/UserScript==
!function(a){
"use strict";
function b(b){
var c=b.getAttribute("onmousedown"),d=/\/url\?(?:url|q)=([^&]*)/i,e=/imgurl=([^&]*)/i;
return c&&-1!=c.indexOf("return rwt(")?(b.removeAttribute("onmousedown"),1):d.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(d)[1]),1):e.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(e)[1]),1):0
}
function c(){
for(var c=document.querySelectorAll("#res a, #rhs a"),d=c.length,e=0,f=0;d>f;f++)e+=b(c[f])
}
function d(a){
switch(a.type){
case"DOMAttrModified":"xfoot"===a.target.id&&""==a.b&&(c(a),a.stopPropagation());
break;
case"DOMNodeInserted":"xfoot"==a.c.id&&(c(a),a.stopPropagation())}
}
"/search"==location.pathname&&a.addEventListener("DOMContentLoaded",c,!1),document.addEventListener("DOMAttrModified",d,!1)
}(window);
gravatar
tester a dit :

re-edit:

// ==UserScript==
// @name My Script
// @namespace www.jadorre.com
// @description nique la redirection de google avec javasript désactiver (avec l'extension yesscript pour un ciblage non bourrin -aka noscript)
// @version 1.0
// ==/UserScript==
!function(a){
"use strict";
function b(b){
var c=b.getAttribute("onmousedown"),d=/\/url\?(?:url|q)=([^&]*)/i,e=/imgurl=([^&]*)/i;
return c&&-1!=c.indexOf("return rwt(")?(b.removeAttribute("onmousedown"),1):d.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(d)[1]),1):e.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(e)[1]),1):0
}
function c(){
for(var c=document.querySelectorAll("#res a, #rhs a"),d=c.length,e=0,f=0;d>f;f++)e+=b(c[f])
}
function d(a){
switch(a.type){
case"DOMAttrModified":"xfoot"===a.target.id&&""==a.b&&(c(a),a.stopPropagation());
break;
case"DOMNodeInserted":"xfoot"==a.c.id&&(c(a),a.stopPropagation())}
}
"/search"==location.pathname&&a.addEventListener("DOMContentLoaded",c,!1),document.addEventListener("DOMAttrModified",d,!1)
}(window);
gravatar
tester a dit :

re-re-edit:

// ==UserScript==
// @name My Script
// @namespace www.jadorre.com
// @description nique la redirection de google y compris avec javasript désactiver (avec l'extension yesscript pour un ciblage non bourrin -aka noscript)-[/b]
// @version 1.0
// ==/UserScript==
!function(a){
"use strict";
function b(b){
var c=b.getAttribute("onmousedown"),d=/\/url\?(?:url|q)=([^&]*)/i,e=/imgurl=([^&]*)/i;
return c&&-1!=c.indexOf("return rwt(")?(b.removeAttribute("onmousedown"),1):d.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(d)[1]),1):e.test(b.href)?(b.href=a.decodeURIComponent(b.href.match(e)[1]),1):0
}
function c(){
for(var c=document.querySelectorAll("#res a, #rhs a"),d=c.length,e=0,f=0;d>f;f++)e+=b(c[f])
}
function d(a){
switch(a.type){
case"DOMAttrModified":"xfoot"===a.target.id&&""==a.b&&(c(a),a.stopPropagation());
break;
case"DOMNodeInserted":"xfoot"==a.c.id&&(c(a),a.stopPropagation())}
}
"/search"==location.pathname&&a.addEventListener("DOMContentLoaded",c,!1),document.addEventListener("DOMAttrModified",d,!1)
}(window);
gravatar
Borao a dit :

Pour la barre de favoris, voir aussi:"The fox only better"

gravatar
sirchamallow a dit :

J'en ajouterais quelques unes :

- PrivacyBadger - https://www.eff.org/privacybadger - Le bloqueur de pub de l'EFF. Basé sur Adblock, mais sans liste blanche et avec plus de précisions et vérif. que les autres bloqueurs du marché
- HTTPsEverywhere > https://www.eff.org/https-everywhere - Pour forcé le surf en https
- Scroll Progress > https://addons.mozilla.org/fr/firefox/addon/scroll-progress - pour voir le pourcentage de scroll de la souris sur n'importe quel page. (très pratique pour les long texte ou timeline ou tumblr)
- Screenshoter > https://addons.mozilla.org/fr/firefox/addon/screenshoter-fixed le meilleur plugin (et le plus léger) de capture d'écran.
- Flashblock > http://flashblock.mozdev.org pour bloquer/contrôler le contenu flash
- NoRedirect > https://addons.mozilla.org/fr/firefox/addon/noredirect pour éviter les liens torchons de redirections et multiples popups à gogos
- Redirect Bypasser > https://addons.mozilla.org/fr/firefox/addon/redirectbypasser pour avoir le lien direct d'un contenu passer sous une short-url
- Clearly > https://evernote.com/intl/fr/clearly pour lire une page de texte plus clairement (plus léger que Readability)
- Pushbullet> https://www.pushbullet.com pour synchro contenu navigateur avec smartphone/tablette, envoyer des sms depuis Firefox etc.

C'est mes principaux qui font pas trop ramer le renard :)

gravatar
john doe a dit :

Extension indispensable :
Self-Destructing Cookies : destruction des cookies lors de la fermeture d'un onglet (avec liste blanche dispo).
Priv8 : lancement d'un site dans une sandbox (permet d'ouvrir plusieurs sessions sur un même site (indispensble pour faire du dev);

Et un raccourci  : Ctrl+Shift+T : réouverture d'un onglet fermé

Les commentaires sont fermés pour cet article