Les bookmarklets

Les bookmarklets sont des morceaux de code javascrirpt qu'on peut ajouter à une page internet pour faire toutes sortes de choses. On peut en créer facilement en suivant ces étapes.

1. Allez sur n'importe quelle page internet et ajoutez-la à vos favoris.
2. Effectuez un clique droit sur votre favori dans la barre des favoris.
3. Sélectionnez «modifier»
4. Copiez-collez un code de bookmarklet dans le champ URL. Vous pouvez également en inventer un si vous êtes doué avec javascript (sauf que si c'était le cas, vous ne seriez probablement pas en train de lire ce tutoriel alors probalblement que non)

Voici quelques idées de bookmarklets que vous pouvez copier-coller.

Grossit la plupart du texte.

javascript:(function(){ document.body.style.fontSize = ((parseFloat(getComputedStyle(document.body).fontSize) || 16) * 1.2) + 'px';})();

Donne une taille aléatoire au texte.

javascript:(()=>{const elements=document.querySelectorAll("body *");elements.forEach(el=>{const style=window.getComputedStyle(el);const currentSize=parseFloat(style.fontSize);if(!isNaN(currentSize)){const variation=(Math.random()*0.6)+0.7;el.style.fontSize=(currentSize*variation)+"px";}});})();

Génère un code QR qui mène à la page où vous êtes.

javascript:(function(){window.open('https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=%27+encodeURIComponent(location.href),%27_blank%27);})();

Transforme toutes les images en chats !

javascript:(function(){ const catImage = "https://emiliomg.xyz/images/miaouimg.webp"; document.querySelectorAll("img").forEach((img, i) => { img.src = catImage + "?t=" + Date.now() + i; img.srcset = ""; }); document.querySelectorAll("*").forEach((el, i) => { const bg = getComputedStyle(el).backgroundImage; if (bg && bg !== "none") { el.style.backgroundImage = `url(%27${catImage}?t=${Date.now()}${i}%27)`; el.style.backgroundSize = "cover"; el.style.backgroundPosition = "center"; } });})();

Une autre variante : transforme toutes les images en pigeons !

javascript:(function(){ const catImage = "https://emiliomg.xyz/images/pigeon de face.jpg"; document.querySelectorAll("img").forEach((img, i) => { img.src = catImage + "?t=" + Date.now() + i; img.srcset = ""; }); document.querySelectorAll("*").forEach((el, i) => { const bg = getComputedStyle(el).backgroundImage; if (bg && bg !== "none") { el.style.backgroundImage = `url(%27${catImage}?t=${Date.now()}${i}%27)`; el.style.backgroundSize = "cover"; el.style.backgroundPosition = "center"; } });})();

Mode disco ! (attention à l'épilepsie !)

javascript:(function(){setInterval(()=>{document.body.style.background='hsl('+Math.random()*360+',100%,50%)';document.body.style.color='white';},200);})();