Como posso adicionar um favicon a um bookmarklet no Google Chrome?


14

Estou no OS X e quero que meus bookmarklets tenham favoritos. Eu já encontrei dois artigos, mas eles não ajudaram muito:

http://www.tapper-ware.net/blog/?p=97#comment-2076 É um ótimo artigo, mas, pelo que entendi, isso parece não funcionar no Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ O problema com essa dica é - se estiver errado, por favor, corrija-me - que depois de limpar o histórico, o cache etc. coisa se foi novamente.

Se houver uma chance de modificar os bookmarklets hospedando-os, eu o faria instantaneamente, mas não encontrei solução até agora.

Respostas:


19

Bem, demorou algum tempo, mas me deparei com a solução:

Você precisa exportar seus Favoritos, editar o arquivo HTML e importá-lo novamente. Parece muito mais complicado do que é, e é uma solução limpa, pois o Chrome coloca todos os seus favoritos reimportados em uma pasta "Importada" separada, que você pode excluir após a aplicação das alterações.

Guia passo a passo:

  1. Abra o Gerenciador de favoritos e exporte seus favoritos.
  2. Abra o arquivo HTML exportado em seu editor favorito e procure o bookmarklet ao qual deseja aplicar um favicon.
  3. Codifique o favicon 16 × 16px que você deseja usar como Base64 (existem muitos conversores online gratuitos por aí ou consulte o link abaixo para obter instruções da linha de comando). Remova todas as quebras de linha na saída; precisa ser uma fila longa.
  4. Anexe um prefixo "data" ao blob Base64 apropriado ao tipo de favicon usado; por exemplo, data:image/vnd.microsoft.icon;base64,para .icoarquivos e data:image/png;base64,para .pngarquivos.
  5. Agora adicione um ICONatributo ao link para conter o blob Base64 prefixado; por exemplo: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Salve o arquivo e importe-o de volta para o gerenciador de favoritos. Uma pasta chamada "Importado" será criada; no entanto, o favicon deve ser aplicado imediatamente ao bookmarklet original, para que você possa excluir imediatamente a nova pasta "Importado". Se o ícone não aparecer imediatamente, tente clicar no bookmarklet.

Se você precisar de mais assistência, descobri uma postagem no blog que descreve todo o processo com mais detalhes.


Eu atualizei a postagem. Se você precisar de um tutorial detalhado, confira o link que eu adicionei.
patrick

Apenas para informar que o link não está mais funcionando
Skuld


Corrigido o link para usar a cópia em cache sugerida por @MarkusJarderot e adicionado esclarecimentos sobre a necessidade de adicionar um data:prefixo.
Tom

Além disso, a postagem do blog vinculado diz que o Chrome não sincroniza esses favicons adicionados manualmente - embora eu não tenha tentado isso para ver se esse ainda é o caso.
19416 Tom

2

Outra solução muito simples é usar a extensão de cromo "Eu odeio seu favicon". Ele permite que você insira um URL para um site que você deseja alterar seu favicon e um URL de uma imagem do que você deseja que o favicon seja. O resto é tratado por você.

Link para o site deles aqui


3
Isso não parece funcionar para bookmarklets.
GollyJer

1

Eu tive o mesmo problema, mas a princípio não percebi.

Recentemente, apaguei meu arquivo favicon no Chrome (sem fazer backup) e, de repente, todos os meus links da barra de ferramentas dos favoritos estavam sem seus ícones, pois estou usando javascript: window.open para abri-los em uma nova guia.

Hoje, percebi por que eu estava felizmente tendo favoritos nos meus bookmarklets há meses: quando mudei do Firefox para o Chrome, importei todos os meus favoritos de lá e depois editei manualmente todos eles no Bloco de Notas com o JavaScript acima.

O Firefox adicionou todos os ícones com seu código base64.

Agora eu posso confirmar que pattulus' solução obras, e, além disso, se você não deseja converter manualmente para e adicionar cada código base64, apenas exportar seus bookmarks limpos, não bookmarklet, editar a los externamente e re-importá-los.

Ou seja, se for tão simples quanto no meu caso, onde editei no mesmo JavaScript para todos os links de favoritos e poderia simplesmente usar a função de substituição do Bloco de Notas.

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.