« Firefox quantum » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Ligne 414 : Ligne 414 :
psd p
psd p


# supprimer tous les snapshots
# delete ALL recovery snapshots
psd c
psd clean


# démarrer le service (un redémarrage peut être nécessaire)
# démarrer le service (un redémarrage peut être nécessaire)

Version du 25 mai 2023 à 10:30

Shortcuts

Shortcut Description
Ctrl + L focus address bar
Ctrl + K focus address / search bar

Supprimer les redirections permanentes

History → Show All History → clique-droit sur une entrée → Forget About This Site

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.
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)
Tabliss affiche une belle photo dans les nouveaux onglets vides
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
Simple Translate traduit le texte séléctionné

Tree Style Tab

Extra style rules for sidebar content

Css.svg
/* Make the tab close button clickable again after changes made by shadowfox */
.closebox {
    z-index: 9999;
}

/* Hide the "new tab" button at the bottom edge of the tab bar */
.newtab-button-box {
  display: none;
}
#tabbar {
  bottom: 0 !important; /* Eliminate dead space on bottom */
}

Hide horizontal tabs, keep left buttons

  • about:configtoolkit.legacyUserProfileCustomizations.stylesheetstrue
  • Customize ToolbarTitle bar checkbox (bottom left) → checked
$home/.mozilla/xxx.profile/chrome/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 {
    display: none;
}

/* Horizontaly align sidebar with the web page content */
#sidebar-box {
    margin-top: -2px;
}

/* Hide tab context menu entries */
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_reloadTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-mute"],
/*[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_pinTab"],*/
/*[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab"],*/
/*[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_separator:afterDuplicate"],*/
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_selectAllTabs"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_bookmarkTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_reopenInContainer"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_moveTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_separator:afterCollapseExpand"],
/*[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_closeMultipleTabs"],*/
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_undoCloseTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_closeTab"] {
	visibility: collapse;
}

/* Put duplicate on top */
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab"] { -moz-box-ordinal-group: 0; }

É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 des certificats 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

Profile-sync-daemon: 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
pacman -S 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"

# maximum number of crash recovery snapshots to keep.
BACKUP_LIMIT=1
Bash.svg
# preview
psd p

# delete ALL recovery snapshots
psd clean

# démarrer le service (un redémarrage peut être nécessaire)
systemctl --user start psd.service
# lancer le service au démarrage
systemctl --user enable 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