Javascript c’est fantastique, les bookmarklets super chouette

Peu de gens le savent (à mon grand étonnement), mais à partir du moment où vous affichez la page d’un site dans votre navigateur, vous pouvez la modifier et interagir avec Javascript. Et en Javascript, on peut (presque) tout faire : changer la couleur d’un élément, ajouter un bouton, modifier le comportent d’un clic… Par exemple sur ce blog, quand on clique sur la bannière on revient à la page d’accueil : c’est fait en Javascript (choix personnel pour ne pas modifier le thème que j’utilise).

Ça veut dire que sur n’importe quelle page, vous pouvez modifier le rendu comme vous le voulez. Vous allez me demander : « Mais si ce n’est pas notre site, où ajouter ce code ? ». Et bien, je vous réponds : directement dans la barre d’adresse.

Par exemple, pour redimensionner la fenêtre courante à une dimension de 1024×768, entrez cette ligne dans votre barre d’adresse et appuyez sur Entrée :

javascript:window.resizeTo('1024', '768');

Heureusement, on peut aller beaucoup plus loin. Voici un exemple simple qui va récupérer tous les liens existants dans une page, et tous les ouvrir dans de nouveaux onglets :

javascript:var list=document.getElementsByTagName('a');for(var i=0;i<list.length;i++){if(list[i].hasAttribute('href')){window.open(list[i].getAttribute('href'))}}

On ne va pas détailler le code (qui est loin d’être parfait), ce n’est pas le but, mais comme vous le voyez on peut récupérer tout ce qui est dans une page et en faire ce que l’on veut. C’est fantastique.

Vous allez me dire : « Bordel, c’est pas très pratique si je dois copier/coller ce code à chaque fois que je veux utiliser le script », et vous n’auriez pas tort. Alors sachez que l’on peut tout simplement mettre ce code dans un favori pour qu’il soit plus facile d’accès. C’est ce qu’on appelle un bookmarklet.

Mieux, si vous glissez/déposez le lien suivant Ouvrir les liens dans votre barre de favoris, le bouton créé contiendra directement le script. Il vous suffira de cliquer dessus pour qu’il s’exécute sur la page courante. De nombreux sites en proposent (delicious, tumblr, WordPress… La liste est longue), et c’est super chouette.

Pour finir, si vous voulez lancer automatiquement un script lorsque vous arrivez sur un site particulier (ou dès que vous chargez n’importe quel site, à vous de voir), il existe un plugin Firefox prévu pour ça : GreaseMonkey. Mieux, des milliers de scripts existent déjà pour améliorer des sites (notamment GMail, Flickr, etc.).

Avec tout ça, le web est vraiment à vous !