Firefox quantum

De Banane Atomic
Aller à la navigationAller à la recherche

Add-ons

Extension Description
Dark Reader choix luminosité, contraste, sépia, niveaux de gris, font
Gesturefy
Grammalecte [fr] ne fonctionne pas si Grammarly est actif.
Grammarly for Firefox prend le dessus sur Grammalecte.
New Tab from Location Bar permet d'ouvrir un nouvel onglet lors d'une recherche dans le champs url.
Select After Closing Current après la fermeture d'un onglet, sélectionne le dernier onglet utilisé
Stylus appliquer un style custom aux sites (fork de Stylish)
Tree Style Tab
  • Theme Plain Dark
  • Tree Behaviour → When a parent tab is closed with expended tree → Promote all child tabs as the level of the closed parent tab
  • Tree Behaviour → When a parent tab is ... closed ... outside of the tree sidebar → Treat as a parent inside the sidebar and as a solo tab outside of the sidebar
uBlock Origin
Video DownloadHelper installer en plus le Companion App
  • archlinux: vdhcoapp
Single File sauvegarder une page web (autres: Save Page WE, Web ScrapBook)
PDF Mage enregistrer une page dans un fichier pdf

Tree Style Tab

userChrome.css
/* Hide horizontal tabs */
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}

/* hides the sidebar header */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  visibility: collapse !important;
}

/* Hide context menu items */
#treestyletab_piro_sakura_ne_jp-menuitem-_context_reloadTab,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_selectAllTabs,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_bookmarkTab,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_reopenInContainer,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_moveTab,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_separator\:afterCollapseExpand,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_undoCloseTab,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_closeTab,
#context-media-eme-learnmore+menuseparator,
#_531906d3-e22f-4a6c-a102-8057b88a1a63_-menuitem-9 { display: none; }
/* Put duplicate on top */
#treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab { -moz-box-ordinal-group: 0; }

Windows 10

Masquer les onglets mais garder les boutons de la fenêtre.

userChrome.css
/* hide the entire title bar */
#titlebar {
  visibility: collapse;
}

/* hide the header of the sidebar */
#sidebar-header {
  visibility: collapse !important;
}

/* leaves space for the window buttons */
#nav-bar {
    margin-top: 7px;
    margin-bottom: -1px;
    margin-right: 137px;
}

/* fix space problems */
#PersonalToolbar {
    margin-bottom: -1px;
}
#sidebar-box {
    margin-top: -2px;
}

/* move the window buttons out of its container and display them */
.titlebar-buttonbox-container {
	visibility: visible;
	position: absolute;
	top: 8px;
	right: 0px;
}

/* change the background color to be the same */
#navigator-toolbox {
	background-color: #323234;
}

Équivalents des anciennes add-ons

XUL extensions WebExtensions
FireGestures Gesturefy
Tab Mix Plus
  • New Tab from Location Bar (ouverture d'un nouvel onglet depuis le champs url / recherche)
  • Tab Center Redux / Tree Style Tab (affichage des onglets dans un panneau vertical)
  • Manque les onglets sur plusieurs lignes
Mozilla Archive Format Web ScrapBook
gtranslate Simple Translate
Restrictions:
  • It isn't possible to process Firefox internal pages (about:preferences, about:addons, about:config), other add-ons internal pages, and addons.mozilla.org

Fonctionnalités manquantes

  • Onglets sur plusieurs lignes

about:config

Avertissement sur la fermeture des onglets browser.tabs.warnOnClose false
browser.tabs.warnOnCloseOtherTabs false
Ouvrir le marque-page d'un même site dans un nouvel onglet browser.tabs.loadBookmarksInTabs true
Ouvrir la recherche de la search box dans un nouvel onglet browser.search.openintab true
Ouvrir la recherche de l'url bar dans un nouvel onglet browser.urlbar.openintab true
Sélectionner toute l'url sur un clique browser.urlbar.clickSelectsAll true
Utiliser le fichier userChrome.css toolkit.legacyUserProfileCustomizations.stylesheets true
Désactiver la Content Security Policy security.csp.enable false
Vitesse scroll de la souris mousewheel.min_line_scroll_amount 60
Accélération du scroll de la souris mousewheel.acceleration.start 6
Utiliser le store Windows security.enterprise_roots.enabled true

Liste des modifications: about:support

Dark

Les 2 fichiers sont nécessaires.
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;
}
~/.mozilla/firefox/PROFILE/chrome/userContent.css
/* Contenu des pages web */

/* page html */
html {
    background: #262626;
}
body {
    background: #262626;
    color: white;
}

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

	.prefs-pane-button button {
		background-color: #EDEDF0 !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
/* chargement d'une nouvelle page */
browser[type="content"],
html {
    background: #262626;
}

ShadowFox

Thème dark universel.

  • Télécharger le programme
  • Exécuter shadowfox_windows_amd64.exe
  • Les fichiers userChrome_customization.css et userContent_customization.css du dossier chrome/ShadowFox_customization contiennent les modifications personnelles supplémentaires
chrome/ShadowFox_customization/userChrome_customization.css
/* Fix: Native Context Menu (menu contextuel plus beau) */
menuitem,
menupopup menu {
  -moz-appearance: menuitem !important;
}
chrome/ShadowFox_customization/userContent_customization.css
/* Alters the webextension Tree Style Tab */
/* tab text not loaded */
.tab.discarded .label, .tab.discarded .counter {
    /* color: var(--in-content-box-border-color)!important */
    /* var(--tone-5) var(--grey-50) #737373 */
    color: var(--tone-3)!important
}

/* tab text loaded */
.tab .label, .tab .counter {
    /* color: var(--in-content-page-color)!important */
    /* var(--tone-4) var(--grey-40) #b1b1b3 */
    color: var(--tone-1)!important
}

/* close button */
:root.simulate-svg-context-fill .closebox::after {
    background: var(--tone-3)!important;
}

Onglets sur plusieurs lignes

Largeur des onglets: about:configbrowser.tabs.tabMinWidth → 100 (default:76)

userChrome.css
/* Multi-rows */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow: visible;
  display: block;
}
#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  min-height: var(--tab-min-height);
  max-height: calc((3 * var(--tab-min-height)) + 1px) !important; /* up to 3 rows */
}
/* tabs' height */
.tabbrowser-tab, .tab-background {
  height: var(--tab-min-height);
}
/* tabs contents take the full width */
.tab-stack {
  width: 100%;
}

.tabbrowser-tab {
  border-right: 1px solid #2C3039 !important;  /* Ensure a border between tabs */
  flex-grow: 1;  /* stretch the tabs to fill the width */
}

Menu contextuel des onglets

userChrome.css
/* Tabs Context Menu */
#context_reloadTab,
#context_toggleMuteTab,
#context_pinTab,
/*#context_duplicateTab,*/
#context_selectAllTabs,
#context_bookmarkTab,
#context_reopenInContainer,
#context_moveTabOptions,
#context_sendTabToDevice,
#context_sendTabToDevice + menuseparator,
/*#context_closeTabsToTheEnd,
#context_closeOtherTabs,
#context_undoCloseTab,*/
#context_closeTab,
#context_closeTab ~ menuseparator,
#tabContextMenu menu[id^="webscrapbook_danny0838_addons_mozilla_org-menuitem-"],
#tabContextMenu menu[id^="treestyletab_piro_sakura_ne_jp-menuitem-"]
{
    display: none! important;
}

/* agrandir l'espacement entre les menuitems */
menuitem {
    padding: 2px;
}

url: view-source:chrome://browser/content/browser.xul
autres: #context_unpinTab, #context_openTabInWindow, #context_reloadAllTabs, #context_bookmarkAllTabs,

Inspect chrome

  1. Menu button → Web Developer → Toogle Tools (Ctrl+Shift+I) → ... (en haut à droite) → Settings → Advanced Settings (à droite, en bas)
    1. Enable browser chrome and add-on debugging toolboxes
    2. Enable remote debugging
  2. Menu button → Web Developer → Browser Toolbox (Ctrl+Shift+Alt+I)

Pour debugger les menus contextuels: ... → Disable Popup Auto-Hide

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 + rfirefox.exe -P

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

Dupliquer un profile

Bash.svg
# arrêter firefox
# arrêter psd
systemctl --user stop psd

# lancer le gestionnaire de profile et créer un nouveau profile
firefox -P
# lancer firefox avec ce nouveau profile

# fermer firefox
# copier le contenu du profile à dupliquer dans le nouveau profile (écraser les fichiers)

Problèmes

AutoPlay: lecture de vidéos

Par défaut, firefox bloque les média contenant du son.

  1. Pour les débloquer, cliquer sur l'icône du point d'exclamation à la gauche de l'url → Permissions → icône engrenage
  2. Permission → Block websites from automatically playing sound → Exceptions