L'interfaccia di Firefox Quantum è ancora estremamente personalizzabile grazie al suo file userChrome.css. Puoi modificare questo file per nascondere voci di menu indesiderate, spostare la barra delle schede sotto la barra degli strumenti di navigazione, visualizzare più righe sulla barra degli strumenti dei segnalibri e fare altre cose che normalmente non sarebbero possibili.
Come funziona
RELAZIONATO: Firefox Quantum non sta semplicemente “copiando” Chrome: è molto più potente
Il file userChrome.css di Firefox è un file CSS (fogli di stile) a cascata che Firefox utilizza. Mentre i fogli di stile vengono normalmente applicati alle pagine Web, questo particolare foglio di stile viene applicato all'interfaccia utente di Firefox. Ti permette di cambiare l'aspetto e il layout di tutto ciò che circonda la pagina web stessa. Non puoi effettivamente aggiungere alcuna funzionalità; puoi modificare solo ciò che è già lì per cambiarlo, nasconderlo o spostarlo.
Questo non ha nulla a che fare con Google Chrome. “Chrome” si riferisce all'interfaccia utente del browser Web, da cui prende il nome Google Chrome.
Il file userChrome.css esiste in Firefox da molto tempo, ma ha assunto una rinnovata importanza con Firefox Quantum. Molte modifiche che in precedenza potevano essere eseguite dai componenti aggiuntivi del browser ora possono essere eseguite solo modificando il file userChrome.css.
Dove trovare le modifiche
Sebbene tu possa creare le tue modifiche se comprendi il codice CSS e come è stata progettata l'interfaccia di Firefox, puoi anche trovare le modifiche online. Se vuoi apportare una certa modifica, probabilmente qualcun altro ha già capito come farlo e ha scritto il codice.
Ecco alcune risorse per iniziare:
-
Modifiche di esempio da userChrome.org: un breve elenco di modifiche interessanti che dimostrano la potenza di userChrome.css.
-
Tweaks CSS classici: un repository di tweak userChrome.css dall'autore dell'estensione Classic Theme Restorer, che non funziona più su Firefox Quantum.
-
UserChrome Tweaks: una raccolta di interessanti modifiche di Firefox.
-
FirefoxCSS su Reddit: questo subreddit è una community per discutere di modifiche. Puoi cercare il subreddit per trovare le modifiche di altre persone, vedere ciò che le persone condividono e persino chiedere input se non riesci a trovare una modifica che desideri davvero.
-
Guida alla modifica del menu di scelta rapida: istruzioni per la rimozione di elementi dal menu di scelta rapida di Firefox e la modifica del loro ordine nell'elenco, tratti dal subreddit di FirefoxCSS.
Tieni presente che le versioni precedenti di Firefox avevano un'interfaccia diversa. Le precedenti modifiche di userChrome.css che trovi online potrebbero non funzionare su Firefox 57 e versioni successive, note anche come Firefox Quantum.
Se sai cosa stai facendo con i CSS, puoi abilitare la casella degli strumenti del browser per ispezionare il chrome del browser Firefox. Ciò fornirà le informazioni necessarie per personalizzare vari elementi dell'interfaccia del browser con il proprio codice CSS.
Come creare il tuo file userChrome.css
Il file userChrome.css non esiste per impostazione predefinita, quindi una volta che hai un paio di modifiche che vuoi provare, devi prima creare il file nella posizione appropriata all'interno della cartella del tuo profilo Firefox.
Per avviare la cartella del profilo di Firefox, fare clic sul menu> Guida> Informazioni sulla risoluzione dei problemi in Firefox.
Fare clic sul pulsante “Apri cartella” a destra della cartella del profilo per aprirlo. (Su macOS o Linux, vedrai invece il pulsante “Mostra nel Finder” o “Apri directory”. Le seguenti istruzioni mostrano il processo su Windows, ma sostanzialmente è lo stesso su Mac e Linux: utilizzerai semplicemente un file manager e editor di testo diversi.)
Se vedi una cartella denominata “chrome” nella cartella del profilo che appare, fai doppio clic su di essa. Tuttavia, probabilmente non lo farai, poiché questa cartella non è creata dalle versioni moderne di Firefox.
Per creare la cartella, fare clic con il tasto destro nel riquadro destro e selezionare Nuovo> Cartella. Denominalo “chrome”, premi Invio, quindi fai doppio clic su di esso.
RELAZIONATO: Come rendere le estensioni dei file di Windows Show
Dovrai dire a Windows di mostrarti le estensioni dei file, se non l'hai già fatto. Windows nasconde le estensioni di file per impostazione predefinita per semplificare le cose. Questo passaggio non è necessario su macOS o Linux, che mostrano queste informazioni per impostazione predefinita.
Su Windows 8 o 10, puoi semplicemente fare clic sulla scheda “Visualizza” sulla barra multifunzione e selezionare la casella “Estensioni di file” per renderle visibili. Su Windows 7, fai clic su Organizza> Opzioni cartella e ricerca, fai clic sulla scheda “Visualizza” e deseleziona “Nascondi estensioni per tipi di file conosciuti”.
Ora creerai il file userChrome.css, che in realtà è solo un file di testo vuoto con l'estensione .css anziché l'estensione .txt.
Per fare ciò, fai clic con il tasto destro nel riquadro destro qui e seleziona Nuovo> Documento di testo. Denominalo “userChrome.css” assicurandoti di rimuovere l'estensione del file .txt.
Windows ti avviserà che stai modificando l'estensione del file e questo potrebbe essere un problema per alcuni tipi di file. Fai clic su “Sì” per confermare la modifica.
Su macOS o Linux, crea un file di testo vuoto con lo stesso nome.
Come modificare il file userChrome.css
È possibile utilizzare qualsiasi editor di testo per modificare il file userChrome.css. L'editor di testo di Blocco note incluso in Windows funziona perfettamente. Se vuoi un editor di testo più potente con più funzionalità, ci piace Notepad ++.
Per modificare il file in Blocco note, fare clic con il tasto destro del mouse e selezionare “Modifica”.
Aggiungi eventuali modifiche al file copiandole e incollandole. Se aggiungi più modifiche, assicurati di aggiungerle tutte sulla loro riga.
Al termine, salva il file facendo clic su File> Salva in Blocco note.
Ogni volta che modifichi il tuo file userChrome.css, dovrai chiudere tutte le finestre di Firefox aperte e riavviare Firefox per rendere effettive le modifiche.
Se ti ritrovi a tornare frequentemente nella cartella “chrome” per modificare il file userChrome.css, potresti voler creare un collegamento sul desktop nella cartella o aggiungerlo alle cartelle “Accesso rapido” in Esplora file.
Il file userContent.css
Firefox ha anche un file userContent.css che puoi modificare e potresti imbatterti in alcune modifiche che dicono che sono per il file userContent.css.
Per utilizzare questo file, basta creare un file chiamato “userContent.css” nella stessa cartella della cartella Chrome. Le modifiche apportate in questo file influiscono sulle “pagine di contenuto” interne di Firefox, come le pagine Nuova scheda e Opzioni.
Aiuto, ho rotto qualcosa!
Se dovessi mai riscontrare un problema con un tweak, puoi semplicemente rimuoverlo dal tuo file userChrome.css e riavviare Firefox. Se il problema persiste, puoi eliminare completamente il file userChrome.css e riavviare il browser per cancellare tutte le modifiche e ottenere una nuova interfaccia di Firefox.
