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

Fichier de configuration: TMPpref.txt

Stylish

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

@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; }

Greasemonkey

Permet d'ajouter des scripts Javascript aux sites choisis

// ==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");

Wiki
userscripts.org : base de données de scripts
Include and exclude rules

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

/* 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

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

@-moz-document url("about:newtab"), url("about:blank") {
    body {
        background: #3F3F3F !important;
        color: #999 !important;
    }
}

/* 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;
}

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

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

// ==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.openintab → true
Nouvel onglet depuis un marque page	browser.tabs.loadBookmarksInTabs → true
Sélectionne tous lors d'un clique dans l'url	browser.urlbar.clickSelectsAll → true
Masquer l'icône pocket à droite de l'url	extensions.pocket.enabled → false
Accept headers	Network.http.accept.default → text/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.

# 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

# 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"

# preview
psd p

# supprimer tous les snapshots
psd c

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

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.

yaourt firefox-gnome-keyring

Plugin Java

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

# 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

fermez firefox
editez fichier ~/.mozilla/firefox/PROFIL/places.sqlite avec sqliteman
supprimez les lignes correspondantes corrompues

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

# 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

# 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

about:config
browser.cache.disk.enable → false (double click the line)
browser.cache.memory.enable → true (default value)
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

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

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