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

Question

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

link É um ótimo artigo, mas pelo que entendi isso não acontece parecem funcionar para o Chrome: (

link O problema com este tipp é - se eu estiver errado, então, por favor, corrija-me - que depois que eu limpei o histórico, o cache, etc., tudo se foi novamente.

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

    

Answer 1

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 Google Chrome coloca todos os seus favoritos reimportados em uma pasta "Importada" separada, que você pode excluir depois que as alterações são aplicadas.

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 você deseja que um favicon seja aplicado.
3. Codifique o favicon 16 × 16px que você deseja usar como Base64 (há muitos conversores on-line gratuitos disponíveis ou veja o link abaixo para obter instruções de linha de comando). Remova quaisquer quebras de linha na saída; precisa ser uma linha longa.
4. Prefira um prefixo "data" ao blob Base64 que seja apropriado para o tipo de favicon usado; por exemplo, data:image/vnd.microsoft.icon;base64, para .ico arquivos e data:image/png;base64, para .png arquivos.
5. Agora, adicione um atributo ICON ao link para manter 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 "Importada" será criada; no entanto, o favicon deve ser aplicado ao bookmarklet original imediatamente, para que você possa excluir imediatamente a nova pasta "Imported". Se o ícone não aparecer imediatamente, tente clicar no bookmarklet.

Se você precisar de mais ajuda, eu descobri uma postagem no blog que descreve todo o processo em maior detalhe.

    

Answer 2

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

Link para o site aqui

    

Answer 3

Eu tive o mesmo problema, mas no começo não percebi isso.

Recentemente eu deletei meu arquivo favicon no Chrome (sem fazer um back-up) e de repente todos os links da minha barra de favoritos estavam sem seus ícones, já que estou usando javascript: window.open para abrir -los em uma nova aba.

Hoje eu percebi porque eu estava feliz em ter favicons nos meus bookmarklets por meses: Quando mudei do Firefox para o Chrome pela primeira vez, importei todos os meus favoritos de lá e depois os editei manualmente no Bloco de Notas com o JavaScript acima.

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

Agora posso confirmar que a solução pattulus ' funciona e, além disso, se você não quiser converter manualmente Para adicionar e adicionar todos os códigos base64, basta exportar seus favoritos limpos, sem bookmarklet, editá-los externamente e importá-los novamente.

Isto é, se é tão simples como no meu caso, onde eu editei no mesmo JavaScript para todos os links de favoritos e poderia simplesmente usar a função replace do Notepad.