bookmarklet

Un bookmarklet est un favori dont la section url contient du code javascript.
Lors du clic sur le signet, le code js réalise une tâche côté client sur la page web ou le navigateur.
Cela permet d'améliorer l'expérience utilisateur et d'augmenter sa productivité. Le code est exécuté dans le contexte de la page web affichée dans le navigateur. Il dispose des autorisations de scripts normales que le site web possède et ne peut rien faire d'autre.

Les bookmarklets sont aussi appelés favelets, signapplet, marque page scripté ou applisignet.

Les principales fonctions apportées par ces favelets sont:
-la modification de la page web grâce au DOM (document object model)
-la récupération d'informations
-la recherche sur d'autres pages web
-la manipulation du navigateur
-partager une page sur les réseaux sociaux

Les avantages:
-facilement intégrable aux navigateurs web
-compatibilité avec les différents browser
-solutions légères
-ne nécessitent pas de mise à jour
-le code est visible et suffisamment court pour en contrôler le contenu
-ne consomment pas de mémoire lorsqu'ils ne sont pas utilisés
-utilisable sur pc ou sur mobile
-alternative aux extensions
-pas de téléchargement
-personnalisable

Les désavantages:
-les bookmarklets sont désactivés si javascript est désactivé
-le code de l'url est verrouillé et ne peut être mit à jour ou corriger
-les navigateurs anciens peuvent nécessiter l'échappement des caractères spéciaux

Les bookmarklets sont stockés dans les favoris des navigateurs ou sur une page web sous la forme d'un lien hypertexte.

Pour intégrer un bookmarklet comme favori dans le navigateur, deux options sont possibles.
La première consiste a glisser déposer le lien du favelet dans la barre de favoris.
La deuxième nécessite d'écrire ou de copier le code javascript dans la section url du bookmark.

Le code du script, écrit sur une ligne, commence par: javascript:
Ce mot-clé indique au navigateur que le texte qui suit doit être interprété comme une commande JavaScript plutôt que comme une adresse internet. Le moyen le plus simple pour contourner les problèmes de collision de noms consiste à utiliser une fonction anonyme pour englober le code. Pour faciliter l'écriture du script ou pour éviter la limite de longueur d'url, il est possible de stocker le fichier js sur un serveur externe. Pour éviter la mise en cache du script sur le navigateur, insérer un paramètre d'url aléatoire avec Math.random().
La bibliothèque open source jQuery apporte de nombreux avantages aux programmeurs JavaScript. Son utilisation réduit la longueur du code tout en apportant une grande palette de fonctions pour rendre les pages web dynamiques.

Il est possible d'assigner un favicon au bookmarklet.
Dans chrome:

-exporter les favoris
-modifier le code des favoris
    -créer un favicon.ico
    -convertir le favicon en base 64
    -copier le résultat de l'encodage base64
    -intégrer le code du favicon en base64 (ICON="data:image/png;base64, ...)
    -sauvegarder
-importer les favoris
-supprimer les favoris importés

La suppression d'un bookmarklet est identique à la méthode pour supprimer un marque-page standard.

modifier un bookmark en favelet


articles:


sources:

Aucun commentaire:

Enregistrer un commentaire