« Firefox 115 » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
 
(25 versions intermédiaires par le même utilisateur non affichées)
Ligne 26 : Ligne 26 :
| Tabliss || affiche une belle photo dans les nouveaux onglets vides
| Tabliss || affiche une belle photo dans les nouveaux onglets vides
|-
|-
| Tree Style Tab ||
| Simple Translate || traduit le texte séléctionné
* 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
| Video DownloadHelper || installer en plus le Companion App
Ligne 42 : Ligne 35 :
| 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é
| Stylus || appliquer un style custom aux sites (fork de Stylish)
|-
|-
| Grammalecte [fr] || ne fonctionne pas si Grammarly est actif.
| Grammalecte [fr] || ne fonctionne pas si Grammarly est actif.
Ligne 49 : Ligne 42 :
|}
|}


== [https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#for-userchromecss Tree Style Tab] ==
== [https://addons.mozilla.org/en-US/firefox/addon/sidebery/ Sidebery] ==
Extra style rules for sidebar content
{| class="wikitable wtp"
|+ Settings
! Name
! Value
! Description
|-
| Navigation Bar → Layout || hidden || hide the top group bar
|}
Styles editor
<kode lang='css'>
<kode lang='css'>
/* Make the tab close button clickable again after changes made by shadowfox */
/* borders between tabs */
.closebox {
.Tab .lvl-wrapper {
    z-index: 9999;
   border-bottom: 1px solid hsl(0, 0%, 40%);
}
 
/* 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 */
}
}
</kode>
</kode>


=== [https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#for-userchromecss Hide horizontal tabs, keep left buttons] ===
=== [https://github.com/mbnuqw/sidebery/wiki/Firefox-Styles-Snippets-(via-userChrome.css) Hide tabs strip] ===
* {{boxx|about:config}} → {{boxx|toolkit.legacyUserProfileCustomizations.stylesheets}} → {{boxx|true}}
* {{boxx|about:config}} → {{boxx|toolkit.legacyUserProfileCustomizations.stylesheets}} → {{boxx|true}}
* {{boxx|Customize Toolbar}} → {{boxx|Title bar}} checkbox (bottom left) → checked
* right-click on toolbar → {{boxx|Customize Toolbar}} → {{boxx|Title bar}} checkbox (bottom left) → checked


<filebox fn='$home/.mozilla/xxx.profile/chrome/userChrome.css' collapsed>
<filebox fn='~/.mozilla/xxx.profile/chrome/userChrome.css'>
/* Hide horizontal tabs */
#TabsToolbar {
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
    display: none;
  opacity: 0;
  pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}
}


/* Hides the sidebar header */
#sidebar-header {
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
     display: none;
     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; }
</filebox>
</filebox>


* [https://github.com/Timvde/UserChrome-Tweaks/blob/master/tabs/hide-tabs-windows.css Windows 10 - Hide tabs keep buttons] (still needed?)
= Themes =
{| class="wikitable wtp"
! Name
! Description
|-
| [https://addons.mozilla.org/en-US/firefox/addon/cheers-bold/ Cheers Bold] || Black backgroud with orange foreground
|}


= about:config =
= about:config =
{| class="wikitable wtp wtmono2 wtmono3"  
{| class="wikitable wtp wtmono2 wtmono3"  
|-
|-
|rowspan="2"| Avertissement sur la fermeture des onglets || browser.tabs.warnOnClose || false
| Avertissement sur la fermeture des onglets || browser.tabs.warnOnCloseOtherTabs || false
|-
| browser.tabs.warnOnCloseOtherTabs || false
|-
|-
| Ouvrir le marque-page d'un même site dans un nouvel onglet || browser.tabs.loadBookmarksInTabs || true
| Ouvrir le marque-page d'un même site dans un nouvel onglet || browser.tabs.loadBookmarksInTabs || true
Ligne 126 : Ligne 91 :
|-
|-
| Ouvrir la recherche de l'url bar dans un nouvel onglet || browser.urlbar.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 {{boxx|userChrome.css}} || toolkit.legacyUserProfileCustomizations.stylesheets || true
| Utiliser le fichier {{boxx|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
| Vitesse scroll de la souris || mousewheel.min_line_scroll_amount || 60
Ligne 140 : Ligne 101 :
|}
|}
Liste des modifications: {{boxx|about:support}}
Liste des modifications: {{boxx|about:support}}
= Dark =
{{warn | Les 2 fichiers sont nécessaires.}}
{{info | Il faut redémarrer Firefox pour que le fichier {{boxx|userContent.css}} soit pris en compte.}}
<filebox fn=~/.mozilla/firefox/PROFILE/chrome/userChrome.css>
/* GUI Firefox */
/* chargement d'une nouvelle page */
browser[type="content"] {
    background: #262626;
}
</filebox>
<filebox fn=~/.mozilla/firefox/PROFILE/chrome/userContent.css collapsed>
/* 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;
    }
}
</filebox>
<filebox fn='Stylish' lang='css'>
/* chargement d'une nouvelle page */
browser[type="content"],
html {
    background: #262626;
}
</filebox>
== [https://github.com/overdodactyl/ShadowFox ShadowFox] ==
Thème dark universel.<br />
* [https://github.com/SrKomodo/shadowfox-updater/releases Télécharger] le programme
* Exécuter {{boxx|shadowfox_windows_amd64.exe}}
* Les fichiers {{boxx|userChrome_customization.css}} et {{boxx|userContent_customization.css}} du dossier {{boxx|chrome/ShadowFox_customization}} contiennent les modifications personnelles supplémentaires
<filebox fn='chrome/ShadowFox_customization/userChrome_customization.css' collapsed>
/* Fix: Native Context Menu (menu contextuel plus beau) */
menuitem,
menupopup menu {
  -moz-appearance: menuitem !important;
}
</filebox>
<filebox fn='chrome/ShadowFox_customization/userContent_customization.css' collapsed>
/* 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;
}
</filebox>
= Onglets sur plusieurs lignes =
* [http://tabmixplus.org/forum/viewtopic.php?f=2&t=19930&start=20 Firefox 57: How to obtain multiple tab rows w/out TMP]
* [https://pastebin.com/C5XWyk7d code css]
Largeur des onglets: {{boxx|about:config}} → {{boxx|browser.tabs.tabMinWidth}} → 100 (default:76)
<filebox fn='userChrome.css' collapsed>
/* 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 */
}
</filebox>
= Menu contextuel des onglets =
<filebox fn='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;
}
</filebox>
url: {{boxx|view-source:chrome://browser/content/browser.xul}}<br>
autres: {{boxx|#context_unpinTab, #context_openTabInWindow, #context_reloadAllTabs, #context_bookmarkAllTabs,}}


= [https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox Inspect chrome] =
= [https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox Inspect chrome] =
# Menu button → Web Developer → Toogle Tools ({{boxx|Ctrl+Shift+I}}) → {{boxx|...}} (en haut à droite) → Settings → Advanced Settings (à droite, en bas)
# Menu button → More Tools → Web Developer Tools ({{boxx|Ctrl+Shift+I}}) → {{boxx|...}} (en haut à droite) → Settings → Advanced Settings (à droite, en bas)
## Enable browser chrome and add-on debugging toolboxes
## Enable browser chrome and add-on debugging toolboxes
## Enable remote debugging
## Enable remote debugging
# Menu button → Web Developer → Browser Toolbox ({{boxx|Ctrl+Shift+Alt+I}})
# Menu button → More Tools → Browser Toolbox ({{boxx|Ctrl+Shift+Alt+I}})


Pour debugger les menus contextuels: {{boxx|...}} → Disable Popup Auto-Hide
Pour debugger les menus contextuels: {{boxx|...}} → Disable Popup Auto-Hide
Ligne 377 : Ligne 153 :
</kode>
</kode>


<filebox fn=/home/$USER/.config/psd/psd.conf lang=bash>
<filebox fn=~/.config/psd/psd.conf lang=bash>
# utiliser overlayfs
# utiliser overlayfs
USE_OVERLAYFS="yes"
USE_OVERLAYFS="yes"
Ligne 417 : Ligne 193 :
# copier le contenu du profile à dupliquer dans le nouveau profile (écraser les fichiers)
# copier le contenu du profile à dupliquer dans le nouveau profile (écraser les fichiers)
</kode>
</kode>
= Problèmes =
== [https://support.mozilla.org/en-US/kb/block-autoplay AutoPlay: lecture de vidéos] ==
Par défaut, firefox bloque les média contenant du son.<br>
# Pour les débloquer, cliquer sur l'icône du point d'exclamation à la gauche de l'url → Permissions → icône engrenage
# Permission → Block websites from automatically playing sound → Exceptions

Dernière version du 1 mars 2024 à 11:18

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
Simple Translate traduit le texte séléctionné
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
Stylus appliquer un style custom aux sites (fork de Stylish)
Grammalecte [fr] ne fonctionne pas si Grammarly est actif.
Grammarly for Firefox prend le dessus sur Grammalecte.

Sidebery

Settings
Name Value Description
Navigation Bar → Layout hidden hide the top group bar

Styles editor

Css.svg
/* borders between tabs */
.Tab .lvl-wrapper {
  border-bottom: 1px solid hsl(0, 0%, 40%);
}

Hide tabs strip

  • about:configtoolkit.legacyUserProfileCustomizations.stylesheetstrue
  • right-click on toolbar → Customize ToolbarTitle bar checkbox (bottom left) → checked
~/.mozilla/xxx.profile/chrome/userChrome.css
#TabsToolbar {
    display: none;
}

#sidebar-header {
    display: none;
}

Themes

Name Description
Cheers Bold Black backgroud with orange foreground

about:config

Avertissement sur la fermeture des onglets 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
Utiliser le fichier userChrome.css toolkit.legacyUserProfileCustomizations.stylesheets true
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

Inspect chrome

  1. Menu button → More Tools → Web Developer 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 → More Tools → 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
~/.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
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)