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.

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

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

Les recherches qui vous ont mené ici

  • bookmarklet annuaire (1)
Ces articles pourraient vous intéresser :

Au sujet Philippe

Oui, c'est moi :)