Come personalizzare l'interfaccia utente di Firefox con userChrome.css

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 dei segnalibri e fare altre cose che normalmente non sarebbero possibili.

Come funziona

Il file userChrome.css di Firefox è un file CSS (foglio di stile CSS) 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 consente di modificare l'aspetto e il layout di tutto ciò che circonda la pagina web. In realtà non è possibile aggiungere alcuna funzionalità; puoi solo modificare 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, che è il nome di Google Chrome.

Il file userChrome.css è esistito in Firefox da molto tempo, ma ha assunto un'importanza rinnovata 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 i tweaks

Mentre puoi creare le tue modifiche se comprendi il codice CSS e come è stata progettata l'interfaccia di Firefox, puoi anche trovare dei tweaks online. Se vuoi fare un certo cambiamento, probabilmente qualcun altro ha già capito come farlo e ha scritto il codice.

Ecco alcune risorse per iniziare:

• Esempi di tweaks da userChrome.org: una breve lista di modifiche interessanti che dimostrano il potere di userChrome.css.
• Classic CSS Tweaks: un repository di userChrome.css tweaks dell'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 le modifiche. Puoi cercare il subreddit per trovare le modifiche di altre persone, vedere cosa condividono le persone e persino chiedere input se non riesci a trovare un tweak che desideri davvero.
• Guida alla modifica del menu contestuale: istruzioni per la rimozione di elementi dal menu di scelta rapida di Firefox e modifica dell'ordine nella lista, tratti dal subreddit di FirefoxCSS.

Ricorda che le versioni precedenti di Firefox avevano un'interfaccia diversa. I vecchi ritocchi di userChrome.css che trovi online potrebbero non funzionare su Firefox 57 e versioni successive, noto anche come Firefox Quantum.

Se sai cosa stai facendo con i CSS, puoi attivare la casella degli strumenti del browser per controllare 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 di default, quindi una volta che hai tweak o due che vuoi provare, devi prima creare il file nella posizione appropriata all'interno della cartella del tuo profilo di 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 un pulsante "Mostra nel Finder" o "Apri Directory" .Le seguenti istruzioni mostrano il processo su Windows, ma è fondamentalmente lo stesso su Mac e Linux: utilizzerai solo un diversi file manager e editor di testo.)

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 del mouse nel riquadro destro e selezionare Nuovo> Cartella. Denominarlo "chrome", premere Invio, quindi fare doppio clic su di esso.

Dovrai dire a Windows di mostrarti le estensioni dei file, se non lo hai già fatto. Windows nasconde le estensioni dei 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 nome 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 invece dell'estensione .txt.

Per fare ciò, fare clic con il tasto destro nel riquadro destro e selezionare Nuovo> Documento di testo. Chiamarlo "userChrome.css" assicurandosi di rimuovere l'estensione del file .txt.

Windows ti avvertirà che stai modificando l'estensione del file e questo potrebbe essere un problema per determinati 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 del blocco note incluso in Windows funziona perfettamente. Se vuoi un editor di testo più potente con più funzionalità, ci piace il Blocco note++.

Per modificare il file nel Blocco note, fai clic con il pulsante destro del mouse e seleziona "Modifica".

Aggiungi le modifiche che desideri al file copiandole e incollandole. Se aggiungi più modifiche, assicurati di aggiungerle tutte su righe separate.

Al termine, salva il file facendo clic su File> Salva nel blocco note.

Ogni volta che modifichi il tuo file userChrome.css, dovrai chiudere tutte le finestre di Firefox aperte e riavviare Firefox affinché le tue modifiche abbiano effetto.

Se ti ritrovi spesso nella cartella "chrome" per modificare il tuo file userChrome.css, potresti voler creare un collegamento sul desktop alla 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 incappare in alcune modifiche che dicono che sono per il file userContent.css.

Per utilizzare questo file, è sufficiente creare un file denominato "userContent.css" nella stessa cartella della cartella di Chrome. Le modifiche apportate a questo file influiscono sulle "pagine di contenuto" interne di Firefox, come le pagine Nuova scheda e Opzioni.

Aiuto, ho rotto qualcosa!

Se dovessi riscontrare un problema con un tweak, puoi semplicemente rimuoverlo dal tuo file userChrome.css e riavviare Firefox. Se ciò non funziona, puoi eliminare completamente il file userChrome.css e riavviare il browser per cancellare tutte le modifiche e ottenere una nuova interfaccia di Firefox.