Existe uma maneira de adicionar um favicon personalizado a uma guia App?


11

Desde o lançamento do Firefox "5", adorei o novo recurso "Guias de aplicativos". No entanto, agora percebi que vários sites internos no trabalho não possuem favoritos. Portanto, quando eu faço uma guia de aplicativo nesses sites, há apenas um ícone de "página em branco" na guia.

Talvez eu não me importasse tanto se houvesse apenas um, mas há pelo menos dois ou três deles. Portanto, é um pouco chato ter que passar o mouse sobre as Guias de aplicativos para descobrir qual é o quê.

Eu tentei usar o Favicon Picker 2 para alterar os ícones dos favoritos, mas ele faz exatamente isso - altera o ícone na pasta de favoritos. Ele não altera o favicon exibido ao lado do URL na barra de endereços ou o próximo ao título da página nas guias - o último sendo o que é usado para o ícone da guia App.

Portanto, existe um plug-in ou outro método do lado do cliente (e de preferência amigável para "Joe User") para atribuir um ícone a uma página da web ou domínio, que será usado na barra de guias?

Respostas:


9

É muito simples personalizar os favoritos da guia "Aplicativos".
Como o favicon da guia do aplicativo é gerado pelo marcador apenas ...
(1) instale - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) veja seu favoritos, clique com o botão direito do mouse e selecione a imagem personalizada desejada
(3) reinicie o navegador (para que a nova imagem seja "tirada")
Concluído.

insira a descrição da imagem aqui insira a descrição da imagem aqui insira a descrição da imagem aqui insira a descrição da imagem aqui insira a descrição da imagem aqui


@ admintech - Como mencionado, eu já tentei usar um trocador de ícones de favoritos. Qual a diferença entre este plug-in e o que eu usei?
Iszi

1
Você tem que abrir o marcador depois de alterar o favicon, em seguida, re-add como um guia App
admintech

@ admintech - Eu não sei sobre o seu plug-in sugerido, mas o meu não altera o ícone da guia, mesmo em uma guia normal, mesmo após a recarga do navegador. Importa que os sites em que estou tentando fazer isso sejam sites SSL?
Iszi

1
Deixa pra lá. Apenas testei o Bookmark Favicon Changer para ter certeza. Não sei ao certo o que o Favicon Picker não faz, mas também parece aplicar o favicon às guias. Obrigado! Agora, se eu só poderia fazê-lo se aplicam a toda a sub-domínio ou algo assim, para que navegar o "app" não resolver o favicon ...
Iszi

2
Excelente solução para um problema persistente. Infelizmente, o autor do plug-in afirma que, a partir do Firefox 22, a API quebra o plug-in de uma maneira que não pode ser corrigida.
precisa saber é o seguinte

9

Alterei os ícones da minha guia (Firefox 26) usando a seguinte folha de estilo:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"][label*="w3.org"] .tab-icon-image {
    list-style-image: url(https://www.w3.org/favicon.ico);
}
tab[pinned="true"][label^="TU"] .tab-icon-image {
    list-style-image: url(https://www.tue.nl/favicon.ico);
}

Para usar este estilo, ou colocá-lo em [path to your profile]/chrome/userChrome.css, ou instalar um gerenciador de estilo do usuário, como elegante .

Funciona da seguinte maneira: As guias no Firefox fazem parte de uma árvore de documentos (consulte browser.xul ):

<tabs id="tabbrowser-tabs" ...>
    <tab class="tabbrowser-tab" ... pinned="true" ... label="some text" ...>
    ...

O rótulo de uma guia corresponde ao título da guia. No meu exemplo, eu queria adicionar um favicon à guia lista de discussão do W3. Infelizmente, ele não tem um único título, então tive que procurar algo relativamente único que corresponda à guia. Acontece que as páginas relevantes tinham "w3.org" em seu título, o que resultou na criação de [label*="w3.org"].
Da mesma forma, o site da minha universidade não tem favicon. Todos os títulos começam com "TU", então eu usei [label^="TU"].

Seletores mais comuns: [label$="last words"], [label="Exact match"].
Negação: [label*="w3.org"]:not([label$="- Gmail"])(= selecione as guias cujo título contém "w3.org", a menos que termine com "- Gmail").

Se suas guias fixadas nunca mudarem de posição, você também pode tentar algo assim para alterar o ícone da primeira guia:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"]:nth-child(1) .tab-icon-image {
    list-style-image: url(https://www.mozilla.org/favicon.ico);
}

Grande redação, muito obrigado. Funciona (com o Stylish) exatamente como anunciado, sem a necessidade de outro complemento.
Lebenita

É possível fazer isso funcionar com o Chrome?
Skeleton Bow
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.