Comment sélectionner un texte et en extraire automatiquement les liens avec un bookmarklet ?

Ça faisait un petit moment que je n'avais pas partagé de bookmarklets et la semaine dernière, coup sur coup, je suis tombé sur cette vidéo de Luca Fancello et sur cet article de Yapasdequoi !

La vidéo de Luca est une introduction aux bookmarklets, avec des démos et un lien pour télécharger quelques-uns des bookmarklets les plus utiles pour le SEO.

L'article d'Aymeric est quant à lui une présentation d'un bookmarklet qu'il a créé pour switcher rapidement entre un environnement de prod et de préprod.

Deux bonnes ressources que je te conseille !

Aujourd'hui, c'est à mon tour de te partager un bookmarklet qui m'est très utile au quotidien.

Il permet d'extraire tous les liens qui sont dans un contenu que j'ai sélectionné avec la souris.

Voici à quoi ça ressemble :

javascript:links = document.getSelection().getRangeAt(0).cloneContents().querySelectorAll('a');hrefs = new Array();for(var i = 0; i< links.length; i++){hrefs.push(links[i].href);};results = hrefs.filter((val, ind, arr) => arr.indexOf(val) === ind);var newWindow = window.open("","_blank");newWindow.document.write('<textarea style="width:500; height:500">'+results.join('\n')+'</textarea>');newWindow.document.close();

Explications du code :

• je récupère le texte sélectionné avec les fonctions getSelection et getRangeAt (plus d'infos ici)
• je copie tous les noeuds qu'il contient avec la fonction cloneContents
• je sélectionne uniquement les balises a (les liens) avec la fonction querySelectorAll
• je filtre sur les attributs href
• je déduplique les URLs obtenues avec la fonction filter
• et j'affiche la liste des URLs dans un textarea

Pour l'utiliser, c'est simple. Il suffit d'aller sur une page, de sélectionner une partie de la page avec la souris et de cliquer sur le bookmarklet.

Un nouvel onglet s'ouvrira avec l'ensemble des URLs récupérées.

Très pratique pour extraire les liens sur des pages de type liste (e-commerce, annuaire, plateformes d'achats de liens, etc.).

Voilà.

Allez, bonne journée !