Aller au contenu

« Firefox quantum » : différence entre les versions

De Banane Atomic
← Modification précédente
 
(20 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
[[Category:Logiciels]]
[[Category:Logiciels]]
= Shortcuts =
{| class="wikitable wtp"
! Shortcut
! Description
|-
| Ctrl + L || focus address bar
|-
| Ctrl + K || focus address / search bar
|}
= Supprimer les redirections permanentes =
= Supprimer les redirections permanentes =
History → Show All History → clique-droit sur une entrée → Forget About This Site
History → Show All History → clique-droit sur une entrée → Forget About This Site
Ligne 7 : Ligne 17 :
! Extension
! Extension
! Description
! Description
|-
| [https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/ uBlock Origin] || unwanted content blocker
|-
|-
| Dark Reader || choix luminosité, contraste, sépia, niveaux de gris, font
| Dark Reader || choix luminosité, contraste, sépia, niveaux de gris, font
|-
|-
| Gesturefy ||
| [https://addons.mozilla.org/en-US/firefox/addon/gesturefy Gesturefy] || execute commands with mouse gestures
|-
| 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)
|-
|-
| Tabliss || affiche une belle photo dans les nouveaux onglets vides
| Tabliss || affiche une belle photo dans les nouveaux onglets vides
Ligne 29 : Ligne 31 :
* 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
* 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 ||
| 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)
|-
|-
| Video DownloadHelper || installer en plus le Companion App
| Video DownloadHelper || installer en plus le Companion App
Ligne 37 : Ligne 41 :
|-
|-
| PDF Mage || enregistrer une page dans un fichier pdf
| PDF Mage || enregistrer une page dans un fichier pdf
|-
| Simple Translate || traduit le texte séléctionné
|-
| Grammalecte [fr] || ne fonctionne pas si Grammarly est actif.
|-
| Grammarly for Firefox || prend le dessus sur Grammalecte.
|}
|}


Ligne 56 : Ligne 66 :
</kode>
</kode>


<filebox fn='userChrome.css' collapsed>
=== [https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#for-userchromecss Hide horizontal tabs, keep left buttons] ===
* {{boxx|about:config}} → {{boxx|toolkit.legacyUserProfileCustomizations.stylesheets}} → {{boxx|true}}
* {{boxx|Customize Toolbar}} → {{boxx|Title bar}} checkbox (bottom left) → checked
 
<filebox fn='$home/.mozilla/xxx.profile/chrome/userChrome.css' collapsed>
/* Hide horizontal tabs */
/* Hide horizontal tabs */
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
Ligne 79 : Ligne 93 :
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_reloadTab"],
[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_toggleMuteTab-mute"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_pinTab"],
/*[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_selectAllTabs"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_bookmarkTab"],
[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_reopenInContainer"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_moveTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_moveTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_separator:afterReloadAll"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_collapseTree"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_separator:afterCollapseExpand"],
[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_undoCloseTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_closeTab"],
[id="treestyletab_piro_sakura_ne_jp-menuitem-_context_closeTab"] {
[id="treestyletab_piro_sakura_ne_jp-menuitem-_separatprBeforetreestyletab"],
visibility: collapse;
[id="treestyletab_piro_sakura_ne_jp-menuitem-_lockCollapsed"] {
    visibility: collapse;
}
}


Ligne 98 : Ligne 112 :
</filebox>
</filebox>


=== [https://github.com/Timvde/UserChrome-Tweaks/blob/master/tabs/hide-tabs-windows.css Windows 10 - Hide tabs keep buttons] ===
* [https://github.com/Timvde/UserChrome-Tweaks/blob/master/tabs/hide-tabs-windows.css Windows 10 - Hide tabs keep buttons] (still needed?)
<filebox fn='userChrome.css' collapsed>
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
/*
* This style will hide the tab bar and merge the title bar with the navigation bar. For Windows
* Make sure "Title Bar" is unchecked in customize menu.
*
* Contributor(s): Ivan0xFF
*/
 
.tabbrowser-tab {
  visibility: collapse !important;
}
 
.titlebar-button {
  height: 40px !important;
}
 
#nav-bar {
  margin-top: -42px;
  margin-right: 137px;
  box-shadow: none !important;
}
 
[uidensity="compact"]:root .titlebar-button {
  height: 32px !important;
}
 
[uidensity="compact"]:root #nav-bar {
  margin-top: -32px;
}
 
#titlebar-spacer {
  background-color: var(--chrome-secondary-background-color);
}
 
#titlebar-buttonbox-container {
  background-color: var(--chrome-secondary-background-color);
}
 
.titlebar-color {
  background-color: var(--toolbar-bgcolor);
}
</filebox>


== Équivalents des anciennes add-ons ==
== Équivalents des anciennes add-ons ==
Ligne 191 : Ligne 159 :
| Accélération du scroll de la souris || mousewheel.acceleration.start || 6
| Accélération du scroll de la souris || mousewheel.acceleration.start || 6
|-
|-
| Utiliser le store Windows || security.enterprise_roots.enabled || true
| Utiliser le store des certificats Windows || security.enterprise_roots.enabled || true
|}
|}
Liste des modifications: {{boxx|about:support}}
Liste des modifications: {{boxx|about:support}}
Ligne 434 : Ligne 402 :
# utiliser overlayfs
# utiliser overlayfs
USE_OVERLAYFS="yes"
USE_OVERLAYFS="yes"
# sync before sleep
USE_SUSPSYNC="yes"


# seulement firefox
# seulement firefox
Ligne 446 : Ligne 417 :
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)

Dernière version du 9 juillet 2023 à 11:43

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
uBlock Origin unwanted content blocker
Dark Reader choix luminosité, contraste, sépia, niveaux de gris, font
Gesturefy execute commands with mouse gestures
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
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)
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é
Grammalecte [fr] ne fonctionne pas si Grammarly est actif.
Grammarly for Firefox prend le dessus sur Grammalecte.

Tree Style Tab

Extra style rules for sidebar content 

/* 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:config → toolkit.legacyUserProfileCustomizations.stylesheets → true
  • Customize Toolbar → Title 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:config → browser.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. 
# 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

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

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

# sync before sleep
USE_SUSPSYNC="yes"

# seulement firefox
BROWSERS="firefox"

# maximum number of crash recovery snapshots to keep.
BACKUP_LIMIT=1
# 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

# 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
Récupérée de « http://wiki.bananeatomic.fr/index.php?title=Firefox_quantum&oldid=28634 »