Outils pour utilisateurs

Outils du site


firefox

Ceci est une ancienne révision du document !


Extensions Firefox

Mes extensions indispensables:

  • µBlock-origin, bloqueur de publicités. Très efficace. Bloque au choix publicité, traqueurs, widgets de réseaux sociaux, compteurs… et il est très facile de créer vos propres règles pour dégommer ce qui ne vous plaît pas sur un site web particulier. Mes réglages pour cette extension sont en bas de cette page.
  • PrivacyBadger retire les cookies d'identification des requêtes non filtrées par µBlock-origin (requêtes nécessaires au bon fonctionnement des pages web ; voir les explications). 1)
  • HTTPS Everywhere, pour utiliser par défaut les sites en https.

Le combo gagnant pour protéger votre vie privée dans Firefox est donc:

µBlock-origin + PrivacyBadger

Les autres, pas mal non plus:

  • Form History Control: Vous n'avez jamais perdu un texte ou le contenu d'un formulaire en fermant par erreur un onglet ou le navigateur ? Cette extension permet de récupérer et ré-insérer le texte. (Elle correspond en fonctionnalités à l'ancienne extension Lazarus).
  • Firefox Multi-Account Containers : Permet de créer des onglets contextuels: Cela isole les onglets les uns des autres. Un onglet ainsi isolé n'a pas accès aux cookies des autres onglets. Vous pouvez aussi le configurer pour qu'il ouvre certains sites toujours de manière isolée.
    • Exemple 1: Vous pouvez vous connecter dans un onglet isolé sur votre compte Twitter ou Google et empêcher Google/Twitter de traquer votre surfe dans les autres onglets.
    • Exemple 2: Vous pouvez ouvrir plusieurs comptes différents en même temps sur le même site.
    • (Maintenant j'aimerais trouver une extension qui isole automatiquement certains sites web…)
  • ClearURLs : permet de supprimer des URLs toutes les informations de tracking (utm_source, etc.)
  • Alternate Tube Redirector, permet de rediriger les liens YouTube vers http://invidio.us
  • Tabliss : Je n'aime pas les sites suggérés de Firefox quand j'ouvre un nouvel onglet. Tabliss affiche une belle image.
  • Grammalecte, un excellent correcteur grammacital qui ne fait appel à aucun service externe.
  • SavePageWE permet d'enregistrer une page web complète, telle qu'affichée à l'écran, sous forme d'un unique fichier html (qui contient tout: images, css, etc.). Ça marche assez bien.

Réglages Firefox

Quelques réglage à faire dans about:config:

  • browser.tabs.warnOnClose = false : Je ne veux pas de fenêtre d'avertissement quand je ferme le navigateur.
  • browser.tabs.closeWindowWithLastTab = false : La fermeture du dernier onglet ne fermera pas la fenêtre de Firefox. Utile quand on ferme plein d'onglets ouverts à la suite avec Ctrl+W.
  • browser.newtabpage.enabled = false : Quand j'ouvre un nouvel onglet, je veux qu'il soit vide.
  • browser.backspace_action = 1 : Pour éviter que la touche d'effacement Retour arrière déclenche un retour à la page précédente.
  • Désactiver le pre-fetching : Je sais que c'est censé améliorer les performances, mais je ne veux pas que Firefox lance des requêtes DNS et HTTP pour des liens que je n'ai même pas cliqués.
    • network.prefetch-next = false : Désactiver le téléchargement en avance des pages web.
    • network.dns.disablePrefetch = true : Désactiver la résolution DNS en avance.
  • datareporting.healthreport.uploadEnabled = false : Je ne souhaite pas que Firefox envoie des informations sur mon utilisatoin du navigateur à Mozilla.
  • extensions.pocket.enabled=false parce que j'en ai rien à secourer du service Pocket imposé par Mozilla (J'utilise Wallabag).

Et réglages à faire dans les préférences:

  • Dans Vie privée et sécurité: Personnalisé, bloquer:
    • Cookies: Tous les cookies tiers
    • Contenu utilisé pour le pistage: Dans toutes les fenêtres
    • Mineurs de cryptomonnaies
    • Détecteurs d'emprintes numériques

Bon je grogne contre Mozilla, mais Mozilla, je t'aime !, parce que t'es l'un des seuls éditeurs de navigateur à faire une page comme ça: Comment empêcher Firefox d'établir automatiquement des connexions sans ma permission. Et ça, c'est très bien. (Il manque juste un paragraphe sur le préfetching DNS).

Voir aussi: https://lehollandaisvolant.net/?d=2020/01/02/11/28/39-ma-liste-des-tweaks-aboutconfig-dans-firefox

Retirer l'avertissement sur les formulaires http

Depuis quelques versions, Firefox affiche un avertissement sur les formulaires de login qui ne sont pas en HTTPS. Même si je comprend la motivation, c'est carrément pénible sur un intranet ou pour des tests en local. Voici comment supprimer cet avertissement.

  • security.insecure_field_warning.contextual.enable = false
  • signon.autofillForms.http = true

Réglages µBlock-origin

Voici mes réglages personnels pour le bloqueur de publicité µBlock-origin.

Sérieusement, n'allez pas sur le web sans µBlock-origin. C'est juste pas possible.

En gros:


Filtres personnalisés Twitter

Twitter a récemment totalement refondu ses pages web. Les filtres ci-dessous ne fonctionnent plus.

Cliquez si vous souhaitez voir

Cliquez si vous souhaitez voir

Tout d'abord, je n'utilise pas la "nouvelle" interface web de Twitter, mais l'ancienne, plus facile à filtrer.

Je ne vais plus trop sur Twitter (@sebsauvage_net), mais pour éviter de se faire polluer quand j'y met les pieds, j'ai des filtres personnalisés (cela retire les «Tags tendances» à gauche, «Suggestions» à droite, les publicités insérées dans votre timeline, les «amis suggérés», les «vous pourriez aimer aussi»…)

Le code suivant est à copier-coller dans l'onglet «Mes filtres» d'µBlock-origin.

twitter.com##.trends.module.Trends
twitter.com##.dashboard-right.dashboard
twitter.com/i/cards/tfw/*?advertiser_name=*
twitter.com/i/users/recommendations?**

Et dans l'onglet: "Mon filtrage dynamique", dans les règles permanentes, j'ajoute:

twitter.com https://twitter.com/i/toast_poll xmlhttprequest block
twitter.com https://twitter.com/i/trends xmlhttprequest block
twitter.com https://twitter.com/i/users/prompts xmlhttprequest block
twitter.com https://twitter.com/i/users/recommendations xmlhttprequest block

Sans ces filtres:

Avec ces filtres:

Alternativement, vous pouvez aussi utiliser le site mobile, dont les pages sont nettement plus légères: https://mobile.twitter.com/


Onglets à gauche

Avec des écrans de plus en plus large, il n'est plus pertinent d'avoir la liste des onglet sous forme d'une barre en haut: Il vaut mieux les avoir sous forme d'une colonne à gauche ou à droite. C'est d'ailleurs ce que certains navigateurs savent faire nativement, comme Vivaldi.

Il est toutefois possible de le faire également sous Firefox. Voici ce que ça donne:

Pour cela:

  1. Installez l'extension Tab Center Reborn
  2. Ensuite, il est nécessaire d'effectuer une manipulation pour masquer la barre d'onglet standard de Firefox:
    1. Dans la barre d'adresse, dans le about:config, mettez le paramètre toolkit.legacyUserProfileCustomizations.stylesheets à true.
    2. Tapez about:support dans la barre d'adresse. Dans la fenêtre qui s'affiche, dans Répertoire de profil cliquez le bouton Ouvrir le dossier correspondant.
    3. Dans le dossier ainsi ouvert, créez un sous-dossier nommé chrome.
    4. Dans ce sous-dossier chrome, créez un fichier userChrome.css dans lequel vous mettrez:
      #TabsToolbar:not([customizing="true"]) { visibility: collapse !important;}
      #toolbar-menubar { padding-top: 0px !important; }
    5. Redémarrez Firefox: la barre d'onglets devrait avoir disparue.

Vous pouvez ensuite afficher/masquer la colonne d'onglets avec Maj+F1

Thème sombre dans Tab Center Reborn

Je préfère les thèmes sombres, et j'utilise également une police condensée pour afficher le nom des onglets (voir capture d'écran ci-dessus). Pour cela, allez dans Modules complémentaires > Tab Center Reborn > Préférences, cochez la case "Feuille de style personnalisée" et entrez les CSS suivants:

body {
  font-family: "Ubuntu Condensed";
  --icons: var(--grey-10-a80);
  --toolbar-background: var(--grey-70);
  --toolbar-text: var(--white-100);
  --input-background: var(--grey-60);
  --input-border: var(--grey-50);
  --input-text: var(--grey-30);
  --input-text-focus: var(--grey-20);
  --tab-text: var(--white-100);
  --background: var(--grey-80);
  --tab-active-background: var(--grey-60);
  --tab-separator: var(--grey-60);
}
1)
Notez que PrivacyBadger peut poser problème avec certaines webapps comme Pinafore.social.
firefox.1591783463.txt.gz · Dernière modification : 2020/06/10 10:04 de sebsauvage