27.6.20

ajouter une icône à un bookmarklet

Par défaut les navigateurs affichent une icône standart lors de la création d'un favori sans url.
Les bookmarklets n'échappent pas à cette présentation peu esthétique.
Il est néanmoins possible de créer un favicon personnalisé lié au favelet.
bookmarklet icon
Pour les utilisateurs du navigateur chrome:
  • personnaliser et contrôler google chrome
  • favoris
  • gestionnaire de favoris
  • organiser
  • exporter les favoris
  • créer un favicon de son choix (favicon.ico)
  • convertir le favicon en base64
  • copier le résultat de l'encodage base64
  • ouvrir le fichier tml des favoris exportés avec un éditeur de texte
  • rechercher le bookmarklet concerné
  • ajouter l'expression suivante (ICON="data:image/png;base64,...) aprés (ADD_DATE="...")
  • coller l'encodage base64 après cette expression
  • sauvegarder le fichier html
  • importer les favoris dans chrome
  • supprimer les favoris importés

Exemple d'un applisignet avec un favicon youtube:

<DT><A HREF="javascript:d=&quot;&quot;+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/\r\n|\r|\n/g,&quot; ,&quot;);if(!d)d=prompt(&quot;rechercher sur YouTube:&quot;, &quot;&quot;);if(d!=null)location=&quot;https://www.youtube.com/results?search_query=&quot;+escape(d).replace(/ /g,&quot;+&quot;);void 0" ADD_DATE="1596612653" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCElEQVQ4ja2TMU4DMRBF38wiEFIqKFYIUSAtJ8kNcoood8jJopwgRyANNCg1aSJl/Sls73rdoBC+NLI982c8/raNAgIHLC2NKZRHg1BHavKvyDlWOGbAG9ACT8RuSgTgCzgA7wbHstpC8Ck4CSSQzDTMp3ZK3EVOvhN8pGAvCILzYGbnYh0SRynn1oEX4JGpME7bOmaO5Lh7daQAPADPDtwnLSKhaaI2q5Wx2RhdZ4RgTIXOBWde7WyYRWLfw3wOux2s12PhaaFQK30xbqqzCSnu1DSw3cJyCfv9GI+Wu3AEneCY1M23ENS2QWZx7h4G/8j7FrxefY25rz8/pH97ytd/puS8+Dv/AFRGv3m23DwSAAAAAElFTkSuQmCC">YouTube recherche</A>

Pour les habitués du browser firefox:
  • bibliothèque
  • marque-pages
  • afficher tous les marque-pages
  • exporter des marque-pages au format html
  • enregistrer
  • modifier le fichier (procédure identique à celle mentionnée pour chrome)
  • importer des marque-pages au format html

Base64 est un algorithme d'encodage qui convertit, en caractères imprimables à partir des données binaires, l'image du favicon. Cet algorithme utilise 64 caractères de base, les lettres minuscules et majuscules, les chiffres et le symbole plus et slash.

Aucun commentaire:

Enregistrer un commentaire