7Sep

Como personalizar a interface do usuário do Firefox com userChrome.css

A interface do Firefox Quantum ainda é extremamente personalizável graças ao seu arquivo userChrome.css. Você pode editar este arquivo para ocultar itens de menu indesejados, mover a barra de tabulação abaixo da barra de ferramentas de navegação, visualizar várias linhas na barra de marcadores e fazer outras coisas que normalmente não seriam possíveis.

Como isso funciona

O arquivo userChrome.css do Firefox é um arquivo de folha de estilo em cascata( CSS) que o Firefox usa. Embora as folhas de estilo sejam normalmente aplicadas às páginas da Web, esta folha de estilo particular é aplicada na interface do usuário do Firefox. Ele permite que você altere a aparência e o layout de tudo o que circunda a página web iteslf. Na verdade, você não pode adicionar nenhum recurso;Você só pode modificar o que está lá para mudar, esconder ou movê-lo.

Isso não tem nada a ver com o Google Chrome."Chrome" refere-se à interface do usuário do navegador da Web, que foi o nome do Google Chrome.

O arquivo userChrome.css existiu no Firefox por um longo período de tempo, mas assumiu uma importância renovada com o Firefox Quantum. Muitos ajustes que poderiam ser realizados pelos complementos do navegador agora só podem ser realizados editando o arquivo userChrome.css.

Onde encontrar Tweaks

Enquanto você poderia criar seus próprios ajustes se você entender o código CSS e como a interface do Firefox foi projetada, você também pode encontrar ajustes em linha. Se você quiser fazer uma determinada mudança, alguém provavelmente já descobriu como fazê-lo e escreveu o código.

Aqui estão alguns recursos para você começar:

  • Sample Tweaks from userChrome.org: Uma pequena lista de ajustes interessantes que demonstram o poder de userChrome.css.
  • Classic CSS Tweaks: um repositório de ajustes do userChrome.css do autor da extensão do Classic Theme Restorer, que já não funciona no Firefox Quantum.
  • userChrome Tweaks: uma coleção de ajustes interessantes do Firefox.
  • FirefoxCSS no Reddit: Este sub-debate é uma comunidade para discutir ajustes. Você pode pesquisar o subreddit para encontrar os ajustes de outras pessoas, ver o que as pessoas estão compartilhando e até mesmo pedir entrada se você não conseguir encontrar um ajuste que você realmente deseja. Guia do
  • para editar seu menu de contexto: instruções para remover itens do menu de contexto do Firefox e alterar seu pedido na lista, tirados do subconjunto do FirefoxCSS.

Tenha em mente que as versões mais antigas do Firefox tinham uma interface diferente. Os ajustes anteriores do UserChrome.css que você encontra on-line podem não funcionar no Firefox 57 e posterior, também conhecido como o Firefox Quantum.

Se você sabe o que está fazendo com CSS, você pode habilitar a caixa de ferramentas do navegador para inspecionar o Chrome do navegador Firefox. Isso fornecerá a informação que você precisa para personalizar vários elementos da interface do navegador com seu próprio código CSS.

Como criar seu arquivo userChrome.css

O arquivo userChrome.css não existe por padrão, então, uma vez que você tenha um tweak ou dois que você deseja experimentar, primeiro você deve criar o arquivo no local apropriado dentro do seu perfil do Firefoxpasta.

Para iniciar a sua pasta de perfil do Firefox, clique no menu & gt;Ajuda & gt;Informações de solução de problemas no Firefox.

Clique no botão "Abrir Pasta" à direita da Pasta de Perfil para abri-lo.(No MacOS ou no Linux, você verá um botão "Mostrar no Finder" ou "Abrir Diretório" em vez disso. As instruções a seguir mostram o processo no Windows, mas basicamente é o mesmo em Mac e Linux - você apenas estará usando umgerenciador de arquivos e editor de texto diferentes.)

Se você vir uma pasta chamada "cromo" na pasta de perfil que aparece, clique duas vezes nele. No entanto, você provavelmente não irá, pois esta pasta não é criada por versões modernas do Firefox.

Para criar a pasta, clique com o botão direito do mouse no painel direito e selecione Novo & gt;Pasta. Nomeie-o "cromado", pressione Enter e, em seguida, clique duas vezes nele.

Você precisará informar ao Windows para mostrar suas extensões de arquivo, se você ainda não o fez. O Windows oculta extensões de arquivo por padrão para simplificar as coisas. Este passo não é necessário no MacOS ou no Linux, que mostram essas informações por padrão.

No Windows 8 ou 10, você pode simplesmente clicar na aba "Exibir" na faixa de opções e verificar a caixa "Extensões de nome de arquivo" para torná-las visíveis. No Windows 7, clique em Organizar & gt;Opções de pasta e pesquisa, clique na guia "Exibir" e desmarque "Ocultar extensões para tipos de arquivos conhecidos".

Agora você criará o arquivo userChrome.css, que é realmente apenas um arquivo de texto em branco com a extensão. css em vez da extensão. txt.

Para fazer isso, clique com o botão direito do mouse no painel direito e selecione Novo & gt;Documento de texto. Nomeie-o "userChrome.css", certificando-se de remover a extensão do arquivo. txt.

O Windows avisará que você está alterando a extensão do arquivo e isso pode ser um problema para determinados tipos de arquivos. Clique em "Sim" para confirmar sua alteração.

No MacOS ou no Linux, crie um arquivo de texto vazio com o mesmo nome.

Como editar o arquivo userChrome.css

Você pode usar qualquer editor de texto para editar o arquivo userChrome.css. O editor de texto do bloco de notas incluído no Windows funciona bem. Se você quer um editor de texto mais poderoso com mais recursos, nós gostamos do Notepad ++.

Para editar o arquivo no Bloco de notas, clique com o botão direito do mouse e selecione "Editar".

Adicione os ajustes que deseja ao arquivo copiando e colando-os. Se você adicionar vários ajustes, certifique-se de adicioná-los todos em suas próprias linhas.

Quando terminar, salve o arquivo clicando em Arquivo & gt;Salve no Bloco de notas.

Sempre que você edita seu arquivo userChrome.css, você terá que fechar todas as janelas do Firefox abertas e relançar o Firefox para que suas alterações entrem em vigor.

Se você se encontra voltando para a pasta "cromado" com freqüência para editar seu arquivo userChrome.css, você pode querer criar um atalho da área de trabalho na pasta ou adicioná-lo às pastas "Acesso rápido" no File Explorer.

O arquivo userContent.css

Firefox também possui um arquivo userContent.css que você pode editar e você pode tropeçar em alguns ajustes que dizem que são para o arquivo userContent.css.

Para usar este arquivo, basta criar um arquivo chamado "userContent.css" na mesma pasta que sua pasta do Chrome. Tweaks que você coloca neste arquivo afetam as "páginas de conteúdo" internas do Firefox, como as páginas Nova guia e Opções.

Ajuda, eu quebrei algo!

Se você tiver algum problema com um ajuste, você pode simplesmente removê-lo do seu arquivo userChrome.css e reiniciar o Firefox. Se isso não funcionar, você pode excluir completamente o arquivo userChrome.css e reiniciar o navegador para apagar todas as suas alterações e obter uma nova interface do Firefox.