Firefox 56-

De Banane Atomic
Aller à la navigationAller à la recherche

Quantum - fonctionnalités manquantes

  • extensions inactives dans les pages spéciales
  • onglets sur plusieurs lignes
  • configuration du menu contextuel des onglets
  • flash blanc lors de l'ouverture d'un lien dans un nouvel onglet

Add-ons - Modules complémentaires

Amélioration de Firefox

New Tab from Location Bar ouvre un nouvel onglet au changement de l'url.

Autres

Gesturefy exécuter des actions grâce à des mouvements de souris.
Grammalecte [fr] correcteur d'orthographe français.
Gammarly for Firefox correcteur d'orthographe anglais.
Firefox Multi-Account Containers gestion de conteneurs.
Simple Translate traduction du texte sélectionné.
Web ScrapBook enregistre des pages au formats HTZ, MAFF, Sigle HTML, Scripted Single HTML
Video DownloadHelper télécharger les vidéos des pages

Affichage

Les extensions sont inactives sur les pages spéciales.
Owl dark background and light text.
Stylish applique une surcouche CSS.

Sécurité

uBlock Origin bloque les pubs, les trackers, les malwares.
Hoxx VPN Proxy VPN

OLD

Sécurité / Filtres

  • uBlock Origin
  • Privacy Badger
  • Disconnect, bloque les trackers
  • BetterPrivacy, permet de gérer les cookies flash LSO
  • Adblock Plus, filtre les pubs
  • Element Hiding Helper pour Adblock Plus, permet de créer des filtres pour Adblock Plus
  • Ghostery, bloque les traqueurs
  • Flashblock, bloque les animations flash
  • DoNotTrackMe, bloque les traqueurs
  • anonymoX, permet de surfer avec une autre adresse IP d'un autre pays
  • JS Switch, désactive Javascript en un clique
  • TeaBiscuit, permet d'autoriser / de bloquer les cookies par site (voir aussi Cookie Controller, Cookie Monster, I don't care about cookies)

Amélioration de Firefox

  • Hide BookmarksBar bouton et raccourci clavier pour masquer la barre des marques pages
  • Clear Search Bar Text On Search efface le texte recherché au lancement de la recherche
  • Add-on Update Checker, avertit des mises à jour de modules disponibles
  • Add to Search Bar, ajout de moteurs de recherche
  • FireGestures, exécuter des actions grâce à des mouvements de souris. Export des settings: Préférences → Outils → Exporter
  • À voir
    • Menu Editor, change l'ordre, masque, ajoute des éléments au menu contextuel. Fichier de configuration: menuedit.rdf
    • Blank Your Monitor, permet de modifier plus facilement les couleurs d'affichage
    • Hide Caption Titlebar Plus, cache la barre de titre
    • HTitle, cache la barre de titre
    • Location Bar Enhancer, améliore la lisibilité des URL avec des breadcrumbs. Attention créé une surcharge du CPU !!!

Autres

Autofill Forms remplissage automatique des formulaires web. Export: Préférences → Profils → Exporter tous les profils
Dark Background and Light Text Changes les couleurs de toutes les pages
Download helper permet de télécharger les vidéos des sites youtube, dailymotion, ...
Flagfox affiche un drapeau correspondant au pays d'hébergement du site
gTranslate traduction dans le menu contextuel avec un clique-droit
Mozilla Archive Format permet d'enregistrer les pages web dans un seul fichier au format MAFF et MHT
Restartless Restart ajout la possibilité de redémarrer Firefox depuis le menu Fichier
Torrent Tornado client Torrent
HttpFox enregistre toutes les requêtes et cookies sortants et entrants

TabMixPlus

Signification des états des onglets :
  • Verrouillé → ne peut pas être écraser par un lien sur lui-même
  • Protégé → ne peut pas être fermé
  • Geler → Verrouillé + Protégé

Fichier de configuration: TMPpref.txt

Stylish

Permet de redéfinir le CSS de sites ciblés.

Css.svg
@namespace url(http://www.w3.org/1999/xhtml);

/* pour une url donnée */
@-moz-document url("http://www.url.fr/") {...}

/* pour tous les url commencant par */
@-moz-document url-prefix("http://www.url.fr/") {...}

/* pour un domaine donnée */
@-moz-document domain("www.url.fr") {...}

/* nouvel onglet */
@-moz-document url("about:newtab") {...}

/* regexp to exclude some sites, ?! to exclude */
@-moz-document regexp("https?://(?!(trello.com|calendar.google.com)).*") {
    html {
        background: #222 !important;
        color: #999 !important;
    }
    
    body { background: transparent !important; }
}

/* global style: sans @-moz-document */
/*----- FIX WHITE NEW TAB FLASH -----*/
browser[type="content-primary"] { background: #151515 !important; }
Les styles sont sauvegardés dans le fichier ~/.mozilla/firefox/xxx.xxx/stylish.sqlite

Greasemonkey

Permet d'ajouter des scripts Javascript aux sites choisis

Javascript.svg
// ==UserScript==
// @name        Nom du script
// @namespace   http://userscripts.org/users/Nom_d_utilisateur
// @include     /^http://(www\.)?.+\.com$/
// @include     http://www.*.com
// @require     http://code.jquery.com/jquery-1.9.1.min.js
// @grant       none
// @require     https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
// @version     1
// ==/UserScript==

// pour toutes les balises
var tags = document.getElementsByTagName("*");
for (var i=0, max=tags.length; i < max; i++) {
  // le style calculé sur la balise courante
  style = window.getComputedStyle(tags[i]);
  // récupération de la valeur de background-color
  bg = style.getPropertyValue('background-color');
  if (bg == "rgb(255, 255, 255)")
  {
    // modification de background-color
    tags[i].style.backgroundColor = '#CCCCFF';
  }
}

var tags = document.getElementsByTagName("TAG");
var elt = document..getElementsById("ID");

// pour debugger
console.log("LOG");
alert("message");

RightToClick

Désactive à la demande du Javascript gênant (clique-droit interdit) et les sélection de texte interdites.

  • Disable page context-menu handlers → réactive le menu contextuel via le clique-droit
  • Disable page mouse-click handlers → empêche les pop-up de s'afficher lors d'un clique, mais désactive aussi tous le javascript associé aux cliques
  • Also disarm event listeners

Modifier le style

  • userChrome.css permet de modifier l'apparence de Firefox
  • userContent.css permet de modifier la manière dont Firefox affiche les pages web.
  • il est aussi possible d'utiliser un thème
    • dark wood by matze
~/.mozilla/firefox/MonProfile/chrome/userChrome.css
/* Passe en noir les pages lors du chargement */
browser {
    background-color: #000 !important;
}
/* Change les couleurs de l'url */
#urlbar {
    background-color: black !important;
}
#urlbar .textbox-input-box {
    color: white !important;
}
/* Champs de recherche */
#search-container .searchbar-textbox {
    background-color: black !important;
}
#search-container .textbox-input-box {
    color: white !important;
}
/* Change en noir la couleur du texte dans les tabulations */
.tabbrowser-tabs .tab-text {
    color: black !important;
}
/* cacher le bouton home à droite de la recherche google */
#home-button { display: none; }

D'autres exemples :

Le plugin Firebug permet de connaitre les éléments (classes, ID, ...) de la page.

Astuces :

  • On peut exprimer les couleurs avec des numéros : red = #800000
  • Change la couleur du texte du menu quand la souris passe dessus : « menu:hover { color: green !important; } »

Correcteur d'orthographe

Style de soulignage: about:config → clique-droit → New → Integer → ui.SpellCheckerUnderlineStyle

  • 0 → None
  • 1 → Dotted
  • 2 → Long Dots
  • 3 → Single Line
  • 4 → Double Line
  • 5 → Wavy Line (default)

Couleur de soulignage: about:config → clique-droit → New → String → ui.SpellCheckerUnderline → #FF8E1E

Firefox Dark

Thème

  • Compact sombre

Stylish

Css.svg
/* chargement d'une nouvelle page */
browser[type="content"],
html {
    background: #262626;
}


/* newtab et home */
@-moz-document url(about:newtab),
               url(about:home) {
    body {
        background-color: #262626 !important;
        color:            #D1D1D1 !important;
    }

    .card,
    .prefs-pane .sidebar {
        background-color: #202020! important;
    }

    #snippets,
    .section-title,
    .snippetContainer {
        color: #AEAEAE!important;
    }
                  
    .contentSearchSuggestionTable,
    .contentSearchSuggestionsList {
        color: black !important;
    }
                  
    .display-item {
        color: #D1D1D1 !important;
    }
                  
    #aboutMozilla::before {
        filter:invert(100%) !important;
    }
                  
    #searchText{
        background:    #474749 !important;
        border-radius: 4px;
        border:        1px solid #262627;
        box-shadow:    none;
    }
                  
    #searchSubmit,
    #launcher {
        display: none !important;
    }
                  
    #newtab-search-text {
        background: #404552;
    }
}

Stylish et GreaseMonkey pour Firefox dark

Lors de la duplication d'un onglet Firefox passe par la page about:blank

Css.svg
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("about:newtab"), url("about:blank") {
    body {
        background: #3F3F3F !important;
        color: #999 !important;
    }
}
Css.svg
/* Global Style */
/* couleur de l'arrière plan lors de l'ouverture d'un nouvel onglet après avoir cliqué sur un lien */
browser[type="content-primary"],
/* couleur de l'arrière-plan lors du chargement d'une page */
html
{
  background-color: #3F3F3F;
}
Javascript.svg
// définit le même background-color pour html et body
// nécessaire car html.background-color à été définit à #3F3F3F dans Stylish
var bodyColor = window.getComputedStyle(document.body).getPropertyValue("background-color");
document.documentElement.setAttribute('style', 'background-color:' + bodyColor + ' !important');

chrome

Les 2 fichiers sont nécessaires.
Préférer Stylish qui évite un redémarrage de firefox pour tester les changements.
Il faut redémarrer Firefox pour que le fichier userContent.css soit pris en compte.
~/.mozilla/firefox/PROFILE/chrome/userChrome.css
/* GUI Firefox */

/* chargement d'une nouvelle page */
browser[type="content"] {
    background: #262626;
}

#urlbar, /* barre d'url */
#search-container .searchbar-textbox /* champs de recherche */
{ background-color: #BFCDDB !important; }
~/.mozilla/firefox/PROFILE/chrome/userContent.css
/* Contenu des pages web */

/* chargement d'une nouvelle page */
html {
    background: #262626;
}

button {
    -moz-appearance: none !important;
    background-color: #3F3F3F !important;
    color: #DBDBDB !important;
    border: 0 !important;
}

/* newtab et home */
@-moz-document url(about:newtab),
               url(about:home) {
    body {
        background-color: #262626 !important;
        color:            #D1D1D1 !important;
    }

    .card,
    .prefs-pane .sidebar {
        background-color: #202020! important;
    }

    #snippets,
    .section-title,
    .snippetContainer {
        color: #AEAEAE!important;
    }
                  
    .contentSearchSuggestionTable,
    .contentSearchSuggestionsList {
        color: black !important;
    }
                  
    .display-item {
        color: #D1D1D1 !important;
    }
                  
    #aboutMozilla::before {
        filter:invert(100%) !important;
    }
                  
    #searchText{
        background:    #474749 !important;
        border-radius: 4px;
        border:        1px solid #262627;
        box-shadow:    none;
    }
                  
    #searchSubmit,
    #launcher {
        display: none !important;
    }
                  
    #newtab-search-text {
        background: #404552;
    }
}

Changer les fonts blanc des sites web avec Greasemonkey

Javascript.svg
// ==UserScript==
// @name        Font moins blanc
// @namespace   http://userscripts.org/users/nicolas
// @include     *
// @version     1
// ==/UserScript==

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        //console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #BFBFBF;");
    }
})();

Configuration about:config

Nouvel onglet depuis le champs de recherche browser.search.openintabtrue
Nouvel onglet depuis un marque page browser.tabs.loadBookmarksInTabstrue
Sélectionne tous lors d'un clique dans l'url browser.urlbar.clickSelectsAlltrue
Masquer l'icône pocket à droite de l'url extensions.pocket.enabledfalse
Accept headers Network.http.accept.defaulttext/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Profils

  • Linux : ~/.mozilla/firefox
  • Windows : %APPDATA%\Mozilla\Firefox\Profiles
profiles.ini
[Profile0]
Name=Nom du Profil
IsRelative=1
Path=Profiles/xxxxxxxx.Nom du Profil

Gestionnaire de profils

Fermer toutes les occurrences de Firefox.
Bash.svg
# lancer le gestionnaire de profils
firefox -P

# lancer firefox avec un profil choisit: xxxxxxxx.Mon Profil
firefox -P "Mon Profil"

# lancer firefox avec un profil choisit (xxxxxxxx.Mon Profil) alors qu'un firefox avec un autre profil a déjà été lancé
firefox -P "Mon Profil" -no-remote

Pour Windows: Windows + r → firefox.exe -P

Fichiers importants du profil

Fichier Description
places.sqlite Bookmarks and Browsing History
key3.db Your key database for your passwords
signons.sqlite Saved passwords
cookies.sqlite Cookies

Charger le profil dans la RAM

Bash.svg
# déplacer le dossier de cache car celui-ci ne se trouve pas dans le profil et profile-sync-daemon synchronise seulement le profil
# copier le cache dans le profil
cp -R ~/.cache/mozilla/firefox/<profile> ~/.mozilla/firefox/<profile>/cache
# supprimer l'ancien cache
rm -rf ~/.cache/mozilla/firefox/<profile>
# créer un lien symbolique vers le nouveau cache
ln -s ~/.mozilla/firefox/<profile>/cache ~/.cache/mozilla/firefox/<profile>

# installer profile-sync-daemon
yaourt profile-sync-daemon

# création du fichier de config
psd
/home/$USER/.config/psd/psd.conf
# utiliser overlayfs
USE_OVERLAYFS="yes"

# seulement firefox
BROWSERS="firefox"
Bash.svg
# preview
psd p

# supprimer tous les snapshots
psd c

# démarrer le service
systemctl --user start psd.service

Gestion des mots de passe

Gestion des mots de passe

Intégration de Gnome Keyring

Permet de stocker les mots de passe dans Gnome Keyring plutôt que dans le gestionnaire de mots de passe de firefox.

Bash.svg
yaourt firefox-gnome-keyring

Plugin Java

Bash.svg
pacman -S icedtea-web

Désactiver le menu contextuel au profit d'un autre

Preferences → Content → (Enable Javascript) Advanced → Disable or replace context menu

Gestion des certificats

Preferences → Advanced → Encryption → View Certificates

Reset des connexions actives

Ctrl + Shift + Del → Connexions actives

Correcteur orthographique

GUI en français

Bash.svg
# installez le language pack français
sudo pacman -S firefox-i18n-fr

Imprimez sans l'ajout du titre et de l'url

Imprimer → Options → En-tête et pied de page: tout mettre à --vide--

Problèmes

CPU à 100%

  • Préférences → Avancé → Utiliser l'accélération graphique matérielle si disponible → décochez

Marque-page corrompu

  1. fermez firefox
  2. editez fichier ~/.mozilla/firefox/PROFIL/places.sqlite avec sqliteman
  3. supprimez les lignes correspondantes corrompues
Sql.png
select * from moz_bookmarks where title like '%...%'

delete from moz_bookmarks where id = ...

Firefox 47+ et les version dark des thèmes GTK3

Firefox ne support plus les version dark des thèmes à partir de la version 47 et probablement jusqu'à la version 50.
Pour remédier à cela, forcer la version dark du thème au lancement de Firefox.

Ajoutez un type MIME

~/.mozilla/firefox/xxx.default/mimeTypes.rdf
<RDF:Description RDF:about="urn:mimetype:audio/x-mpegurl"
                 NC:value="audio/x-mpegurl"
                 NC:editable="true"
                 NC:fileExtensions="m3u"
                 NC:description="MPEG version 3.0 URL">
  <NC:externalApplication RDF:resource="urn:mimetype:externalApplication:audio/x-mpegurl"/>
  <NC:possibleApplication RDF:resource="urn:handler:local:/usr/bin/vlc"/>
</RDF:Description>
content downloaded from the Internet will go by MIME type, not by file extension

Créer des extensions / addons

Installation du SDK

Bash.svg
# installer le addon-sdk
yaourt addon-sdk
# ajouter un alias au besoin
# alias addon-sdk="cd /opt/addon-sdk && source bin/activate; cd -"

# activer
cd /opt/addon-sdk && source bin/activate
# tester si bien activé
cfx

Add-on SDK

Création d'un addon

Bash.svg
# création des fichiers et dossiers de base
cfx init

# test l'addon dans firefox
cfx run

# exporter l'addon au format xpi
cfx xpi
  • le fichier « lib\main.js » contient le code de l'addon
  • le dossier « data » contient les images

Cookies

Sites autorisés

  • google.com
  • startpage.com
  • bananeatomic.fr

Cache

~/.cache/mozilla/firefox/<PROFILE>

Vider le cache

Menu → Options → Network → Cached Web Content → Clear Now

Mettre le cache dans la RAM

  1. about:config
  2. browser.cache.disk.enable → false (double click the line)
  3. browser.cache.memory.enable → true (default value)
  4. ajouter (right click->new->integer) browser.cache.memory.capacity et affecter une valeur en KB
    ou -1 pour une sélection automatique de la taille du cache. (Skipping this step has the same effect as setting the value to -1.)

Safe Mode

Menu → Help → Restart with Add-ons Disabled

Bash.svg
firefox -safe-mode

Sync

Add-ons

Les add-ons ne provenant pas de addons.mozilla.org ne seront pas synchronisés.

Add-on sync currently only works on desktop Firefox and Firefox for tablets. It doesn't work on Firefox for smaller mobile devices.

Synchroniser les onglets ouverts

Sync ne synchronise pas les onglets ouverts.
Les onglets ouverts d'une autre machine sont accessible via

  • Historique → Onglets d'autres appareils
  • about:sync-tabs

Log

  • Activer les logs en cas de succes: services.sync.log.appender.file.logOnSuccess to True
  • Afficher la liste des fichiers de log: about:sync-log

Supprimer son compte Sync

  1. Déconnecter son navigateur
    1. Preferences → Firefox Account → Doisconnect
  2. Aller sur Firefox Accounts
  3. Delete your account