Créer un lien qui défile automatiquement vers un texte sélectionné sur une page Web lorsqu'il est ouvert dans Chrome ou Edge
La version 81 ou ultérieure de Google Chrome est livrée avec une petite fonctionnalité cachée intéressante appelée "Scroll to Text Fragment". Il permet aux utilisateurs de créer un lien vers n'importe quel contenu spécifique sur une page Web.
Le défilement vers le fragment de texte est encore une nouvelle fonctionnalité et n'est pas encore complètement peaufiné ou cuit dans l'un des navigateurs disponibles. Mais développeur Paul Kinlan a créé un bookmarklet facile à utiliser qui vous permet de profiter de cette fonctionnalité dès maintenant.
Les signets sont des signets ou des favoris avec de petits blocs/extraits de code JavaScript qui, lorsqu'ils sont cliqués, peuvent effectuer certaines actions prédéfinies. Dans ce cas, le bookmarklet formatera l'URL dans la barre d'adresse de manière à pointer vers le texte sélectionné sur une page Web.
Faites glisser et déposez le signet « Scroll to Text » dans la barre de signets
Vous trouverez ci-dessous un bookmarklet par glisser-déposer si vous ne voulez pas vous embêter à en créer un. Il fonctionne à la fois avec Google Chrome et Microsoft Edge.
presse Ctrl+Maj+B si vous n'avez pas activé la barre de favoris/favoris dans votre navigateur. Ensuite, faites glisser et déposez le lien ci-dessous dans la barre de favoris pour ajouter le défilement au texte Bookmarklet.
Faites glisser ce lien → Partager avec Rechercher
Créer le Bookmarklet manuellement dans Chrome
Si vous ne pouvez pas faire glisser et déposer le bookmarklet dans votre navigateur comme indiqué dans le GIF ci-dessus, puis créez-le manuellement dans Chrome. Ouvrez le gestionnaire de signets en appuyant sur Ctrl+Maj+O ou cliquez sur Paramètres puis allez dans « Signets » et sélectionnez « Gestionnaire de signets ».
Cliquez avec le bouton droit n'importe où dans l'onglet Gestionnaire de signets, puis sélectionnez « Ajouter un nouveau signet ».
Collez le code JavaScript ci-dessous dans la barre d'URL de la fenêtre contextuelle Ajouter un signet. Nommez le bookmarklet comme « Partager avec Rechercher » ou avec quelque chose de similaire, puis cliquez sur « Enregistrer ».
javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open( nouvelleUrl);})();
Vous pouvez maintenant commencer à utiliser le signet de défilement vers le texte, assurez-vous d'activer la barre de signets en appuyant sur Ctrl+Maj+B clés.
Créer le signet manuellement dans Edge
Vous devez utiliser la dernière version d'Edge basée sur Chrome pour utiliser le bookmarklet Scroll to Text, car cette fonctionnalité n'est pas encore prise en charge par les navigateurs non basés sur Chrome.
Pour créer un bookmarklet dans Edge, ouvrez les paramètres « Gérer les favoris » en appuyant sur Ctrl+Maj+O ou allez dans le menu Edge » Favoris » Option Gérer les favoris.
Dans l'onglet « Gérer les favoris », dans la section de la barre des favoris, faites un clic droit n'importe où dans le volet de droite et sélectionnez l'option « Ajouter un favori ».
Collez l'extrait de code JavaScript suivant dans la barre d'URL et nommez le signet comme « Partager avec la recherche », puis cliquez sur « Enregistrer ».
javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open( nouvelleUrl);})();
Assurez-vous maintenant que « Barre des favoris » est activé dans votre navigateur Edge et que le signet est visible dans la barre. Sinon, appuyez sur la Ctrl+Maj+B raccourci clavier pour afficher la barre des favoris dans Edge.
Utilisation du signet Faire défiler jusqu'au texte
Pour utiliser le bookmarklet, ouvrez n'importe quelle page Web et sélectionnez le texte vers lequel vous souhaitez créer le lien, puis appuyez sur le bookmarklet Faire défiler jusqu'au texte (Partager avec Rechercher). Une nouvelle fenêtre s'ouvrira mettant en évidence le texte que vous avez sélectionné dans l'onglet précédent.
Vous pouvez maintenant partager le lien de la nouvelle fenêtre avec n'importe qui et cela ouvrira l'emplacement de votre texte en surbrillance tant qu'il utilisera Google Chrome ou le nouveau Microsoft Edge.
Internet est une mer d'informations, de petites astuces comme celles-ci permettent de gagner du temps. Au cas où vous ne l'auriez pas déjà expérimenté, la recherche Google utilise également le « Scroll to Text Fragment » pour mettre en surbrillance le texte d'une page Web lorsqu'il y dirige un utilisateur à partir des extraits « En vedette » dans les résultats de recherche.