3 générateurs de Bookmarklets et 40 bookmarklets à installer.

Les bookmarklets sont ces liens, souvent présentés sous la forme de boutons que l’on peut placer dans la barre des favoris et qui sont en réalité des applications javascripts. Si vous utilisez Scoopt.it ou Delicious, vous devez être familiés avec les bookmarklets. Pour créer un de ces petits programmes parfois très utile, ce n’est pas si compliqué que cela grâce à des générateurs de Bookmarklets en ligne. C’est l’objet de cet article.

Bookmarklet

Comme nous venons de le dire, un Bookmarklet est un lien contenant du code javascript.

Hélas, ce n’est pas si simple  que ça.  Il existe en effet des contraintes sur la forme du programme javascript que l’on peut mettre dans les favoris. En effet, un bookmarklet doit tenir sur 1 seule ligne.

Cette contrainte peut paraître insurmontable, mais en réalité, ce n’est pas si compliqué que cela.

– Tout d’abord pour réduire la taille du script, on peut stocker une partie du programme javascript sur un site externe et y accéder par un lien. C’est très utile si on veut utiliser jQuery. Mais ce n’est pas suffisant pour créer un bookmarklet.

– Ensuite, il faut compresser le javascript, pour qu’il puissent tenir sur une seule ligne. Cette dernière opération peut se réaliser  grâce à des générateurs de bookmarklets en ligne . C’est ce qui nous intéressent aujourd’hui.

Pour utiliser le bookmarklet précédent, il suffit de faire glisser ce lien dans la barre de favoris. On obtient alors un bookmarklet qui » cornify », c’est-à-dire qui affiche de jolies images de licornes et autres, sur la page du navigateur. Le script est le suivant :


<a href="javascript:(function()%7Bfunction%20callback()%7Bcornify_add()%7Dvar%20s%3Ddocument.createElement(%22script%22)%3Bs.src%3D%22http%3A%2F%2Fwww.cornify.com%2Fjs%2Fcornify.js%22%3Bif(s.addEventListener)%7Bs.addEventListener(%22load%22%2Ccallback%2Cfalse)%7Delse%20if(s.readyState)%7Bs.onreadystatechange%3Dcallback%7Ddocument.body.appendChild(s)%3B%7D)()">Bookmarlet Cornify</a>

Ce bookmarklet a été réalisé par le générateur 1, ci-dessous. Pour le réaliser vous même, C’est très simple, il suffit de suivre les instructions du site, ou cliquer sur « automatically fill that out for you above » en bas.

  • 3 générateurs de bookmarklets en ligne :

– générateur 1: mrcoles.com/bookmarklet/

– générateur 2 : subsimple.com/bookmarklets/

– générateur 3 : chriszarate.github.io/bookmarkleter/

Si vous ne connaissez rien au Javascript, vous pouvez quand même utiliser des bookmarklets « tout-faits ».

  • 45 bookmarklets utiles :

– 32 bookmarklets de développeurs, qui marchent ou pas

– 11 Bookmarklets intéressants. Les liens de cette page ne sont pas des bookmarklets, mais des liens vers les pages contenant les bookmarklets. (vous suivez … ?)

– responsive : un bookmarlet pour tester le « responsive design » d’un site web. C’est à dire pour vérifier si le site s’adapte à la taille de l’écran. Indispensable, pour le web mobile.

– 3 bookmarklets pour améliorer la lecture d’un article ou l’envoyer directement sur votre kindle.

Enfin voici des bookmarklets pour partager sur les réseaux sociaux.

– Share-bookmarklet : un bookmarklet qui ouvre une fenêtre de partage sur Twitter.

– Bookmarklet FriendFeed : un bookmarklet pour publier du contenu sur Twitter ou Facebook, en sélectionnant le texte et en cliquant sur le bookmarlet. Pour que cela marche, il faut être inscrit au site

Si cet article vous a plu, n’hésitez pas à le partager sur les réseaux sociaux.

A bientôt sur outils-web.fr

Ces articles pourraient vous intéresser :

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Lire plus :
gimp
5 Logiciels de dessin gratuits.

Pour modifier, retoucher et créer des images il est nécessaire d'utiliser des logiciels de dessin. Le problème vient du prix...

facebook fanpage
Comment créer une Fanpage Facebook ?

Un petit article pour  créer une Fanpage indispensable pour votre visibilité sur le web.Pour commenceer, rendez-vous sur FacebookEn bas à...

DNS Tests
5 Sites pour vérifier la validé des DNS de votre nom de domaine

Vous avez un nom de domaine. Vous l'avez payé et vous souhaitez qu'il fonctionne correctement. Il existe des outils en...

Fermer