Come posso aggiungere una favicon a un bookmarklet in Google Chrome?


14

Sono su OS X e voglio che i miei bookmarklet abbiano favicon. Ho già trovato due articoli ma non hanno aiutato molto:

http://www.tapper-ware.net/blog/?p=97#comment-2076 È un ottimo articolo ma, a quanto ho capito, non sembra funzionare per Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ Il problema con questo tipp è - se sbaglio, per favore correggimi - che dopo aver pulito la cronologia, la cache, ecc. il tutto la cosa sparirà di nuovo.

Se c'è la possibilità di modificare i bookmarklet ospitandoli da solo, lo farei all'istante, ma finora non ho trovato alcuna soluzione.

Risposte:


19

Bene, ci è voluto del tempo ma mi sono imbattuto nella soluzione:

Devi esportare i tuoi segnalibri, modificare il file HTML e importarlo di nuovo. Sembra molto più complicato di quello che è, ed è una soluzione pulita poiché Chrome mette tutti i segnalibri reimportati in una cartella "Importata" separata che puoi eliminare dopo l'applicazione delle modifiche.

Guida passo passo:

  1. Apri Gestione segnalibri ed esporta i tuoi segnalibri.
  2. Apri il file HTML esportato nel tuo editor preferito e cerca il bookmarklet a cui desideri applicare una favicon.
  3. Codifica la favicon 16 × 16px che vuoi usare come Base64 (ci sono molti convertitori online gratuiti là fuori, o vedi il link sotto per le istruzioni da riga di comando). Rimuovere eventuali interruzioni di riga nell'output; deve essere una lunga fila.
  4. Preparare un prefisso "dati" al BLOB Base64 appropriato per il tipo di favicon utilizzato; ad es. data:image/vnd.microsoft.icon;base64,per .icofile e data:image/png;base64,per .pngfile.
  5. Ora aggiungi un ICONattributo al link per contenere il BLOB Base64 con prefisso; per esempio: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Salvare il file e importarlo nuovamente in Gestione segnalibri. Verrà creata una cartella denominata "Importata"; tuttavia, la favicon deve essere applicata immediatamente al bookmarklet originale, in modo da poter eliminare immediatamente la nuova cartella "Importata". Se l'icona non viene visualizzata immediatamente, prova a fare clic sul bookmarklet.

Se hai bisogno di ulteriore assistenza, ho scoperto un post sul blog che descrive l'intero processo in modo più dettagliato.


Ho aggiornato il post. Se hai bisogno di un tutorial dettagliato, controlla il link che ho aggiunto.
patrick,

Solo per farti sapere che il link non funziona più
Skuld

1

Risolto il problema con il collegamento per utilizzare la copia cache suggerita da @MarkusJarderot e aggiunto chiarimenti sulla necessità di aggiungere un data:prefisso.
Tom,

Inoltre, il post sul blog collegato afferma che Chrome non sincronizza queste favicon aggiunte manualmente, anche se non ho provato questo per vedere se è ancora così.
Tom,

2

Un'altra soluzione molto semplice è quella di utilizzare l'estensione cromata "Ite your favicon". Ti consente di inserire un URL per un sito Web che desideri modificare la sua favicon e un URL di un'immagine di ciò che vuoi che sia la favicon. Il resto è gestito per te.

Link al loro sito Web qui


3
Questo non sembra funzionare per i bookmarklet.
GollyJer,

1

Ho avuto lo stesso problema, ma all'inizio non me ne sono reso conto.

Di recente ho cancellato il mio file favicon in Chrome (senza creare un backup) e all'improvviso a tutti i collegamenti della barra degli strumenti dei segnalibri mancavano le loro icone, poiché sto usando javascript: window.open per aprirli in una nuova scheda.

Oggi ho capito perché avevo felicemente delle favicon sui miei bookmarklet per mesi: quando sono passato da Firefox a Chrome, ho importato tutti i miei segnalibri da lì e successivamente li ho modificati manualmente in Blocco note con JavaScript sopra.

Firefox ha aggiunto tutte le icone con il loro codice base64.

Ora posso confermare che la soluzione di Pattulus funziona e, inoltre, se non vuoi convertire manualmente e aggiungere tutti i codici base64, esporta semplicemente i tuoi segnalibri puliti, non segnalibro, modificali esternamente e reimportali.

Cioè, se è semplice come nel mio caso, in cui ho modificato lo stesso JavaScript per tutti i collegamenti ai segnalibri e potevo semplicemente usare la funzione di sostituzione di Blocco note.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.