Joachim
LE truc qui a changé mon usage du web ces derniers mois, c’est les caractères suivants :
#:~:text=
Cette formule magique permet de faire un lien direct vers un fragment de texte présent dans une page.
Ce lien est composé d’une adresse, https://…/blablabla.html, à laquelle on ajoute #:~:text=, puis le texte qu’on cherche. Ici, c’est “Mais je ne veux pas fréquenter des fous” (sans guillemets).
En cumulant les trois, le lien ciblera la première occurence de la phrase visée. Magie :zoop: ✨
Joachim
Plus d’infos sur l’excellente doc MDN (en anglais) : https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments
Sunny :autumnleaf6:
@joachim Merci du rappel, c'est très chouette. Sur Firefox Android par contre je dois recharger la page pour y être amené, mais pas sur Chrome Android.
Joachim
@emmanuelc genre ça ?
https://addons.mozilla.org/fr/firefox/addon/link-to-text-fragment/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search#:~:text=Link%20to%20Text%20Fragment
Emmanuel 🌱
@joachim Chui trop flemmard, j'attends l'extension Firefox qui me permettra de sélectionner > clic droit > faire le lien 😉
Pierre \ Ra-Mon :vivaldi_blue:
@joachim j'aime aussi beaucoup cette idée de liens vers des fragments de texte, implémentée dans les brouteurs #Chromium depuis déjà quelques années et proposé à la standardisation par des gens de chez... G👀 gle 👍
Joachim
@ramon bah c’est généralisé sur tous les navigateurs sérieux hein
Joachim
@monviolon quelle version de Firefox est-ce que tu utilises ? Parce que c’est implémenté depuis la 131 : https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments#html.elements.a.text_fragments
MonViolon
@joachim 5 miutes que j'essaye, sur LibreWolf et Firefox, ça ne fait rien qu'un lien vers la page. Sur Chromium, ok et c'est chouette en effet (mais je n'utilise pas Chromium).
J'attendrai que ce soit implémenté. 🤷
Joachim
@david_guillot ah oui ça paraît ultra pertinent dans ce cas !
David Guillot
@joachim Oui on avait une réflexion design dans mon dernier boulot qui était d'intégrer ça au moteur de recherche interne de notre site : à chaque URL renvoyée par le back-end de recherche, ajouter en suffixe l'ancre magique avec l'expression recherchée par l'utilisateur ou le match le plus proche trouvé par le back-end dans le document. On n'est pas allé jusqu'à l'implémentation mais l'idée m'avait plu !
Joachim
@monviolon 107 ? Elle doit avoir 3 ans de retard non ?
MonViolon
@joachim j'ai vu ça sur ton lien. C'est la 107.0 pour mon Firefox "basique" et la 130.0.0.1-1 (ah ?) pour le Firefox de LibreWolf. Presque, donc, c'est probablement pour la prochaîne MAJ ! 😋
Joachim
Ce qui a tout changé pour moi c’est que ça enrichit vraiment le partage de liens. J’aime partager des liens. Un collègue a besoin d’une info ? Je lui trouve le bon endroit dans la doc sui fait 40 écrans de scroll. Une amie m’envoie un article amusant ? Je lui réponds un lien vers mon paragraphe préféré. Mon pire ennemi me calomnie ? Je lui réponds de manière passive agressive avec un lien ciblé sur la pire insulte dans une liste de mots vulgaires sur Topito (il ne mérite pas plus de considération que ça de ma part)
Bref, ça a ses usages, ce truc.
Joachim
@CedricLevasseur ouaip https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments#html.elements.a.text_fragments
Cédric Levasseur
@joachim Ah ouais ? Ça marche sur autre chose que Firefox ?
Joachim
@emmanuelc @Julianoe @0xdefec7edcafe je suis pas allé en profondeur mais je crois qu’il y a des extensions qui implémentaient la feature complète dans Firefox avant Firefox 131 (une sorte de polyfill en attendant l’implém dans le navigateur)
il me semble que celle que j’ai conseillé ne fait que la copie du lien.
Emmanuel 🌱
@Julianoe Finalement j'en ai utilisé une autre :
https://addons.mozilla.org/fr/firefox/addon/link-to-text-fragment/ pointée par @joachim
Elle ne demande qu'à accéder au presse-papier, alors que celle que tu me pointais voulait bien trop d'accès à mon goût.
Julianoë
@0xdefec7edcafe @emmanuelc @joachim comme un paquet de fonctionnalités du web en vérité. Générer l'intégralité d'une page web avec du JS c'est un hack pour ainsi dire, pas la façon dont sont pensés les standards.
J'imagine que l'implémentation peut varier selon comment c'est géré par le navigateur
Pтiт Poиeч de Fiиdцs
@emmanuelc @Julianoe @joachim pas mal, mais ça marche mieux sur du contenu html qui n'est pas généré en JS
Emmanuel 🌱
Julianoë
@emmanuelc @joachim voilà https://addons.mozilla.org/fr/firefox/addon/text-fragment/
Joachim
@emmanuelc @Julianoe @0xdefec7edcafe (ce qui expliquerait la différence de permissions demandées ?)
デイヴ
@joachim J'avais découvert il y a qques mois (peut-être par toi d'ailleurs) et c'est en effect génial.
Je suis en train de me dire que c'est typiquement le truc pour lequel un bookmarklet serait idéal…
Joachim
@deivudesu il y a une extension : https://addons.mozilla.org/fr/firefox/addon/link-to-text-fragment/
Joachim
@deuchnord c’est tout récent dans Firefox, quelques mois à peine il me semble
Deuchnord
@joachim ah donc c’est pas spécifique à Chrome ? Je savais pas que c’était standardisé ! 😯
Joachim
Comme cette astuce est utile, j’en ai fait un article sur mon carnet web : https://blog.professeurjoachim.com/billet/2024-12-03-lier-un-fragment-de-texte-dans-une-page-web
Joachim
@bfluzin http://www.la-fontaine-ch-thierry.net/singdof.htm#:~:text=Bien%20grand%20merci
Baptiste Fluzin
@joachim https://fr.wikisource.org/wiki/Contes_d%E2%80%99Andersen/Les_Habits_neufs_du_Grand-Duc#:~:text=%C2%AB%20C%E2%80%99est%20magnifique%20!%20%C2%BB
Joachim
@Tacitus oui, avec les préfixe et suffixe tu peux cibler assez exactement lorsqu’il y a plusieurs occurences !
Suricat
@joachim C'est potentiellement très complet
https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments
Suricat
@joachim je vais explorer, j'aime bien l'idée de faire le lien n'importe où sans avoir de balise dans une page, ça peut être génial pour de la documentation !
Joachim
@Tacitus l’implem date de FF 131 🤔
Suricat
@joachim sous FF 128.5 ESR
Suricat
@joachim ça n'a pas l'air de fonctionner à chaque fois ou en tout cas pas reproductible, c'est étrange
Joachim
@Tacitus dans ce cas je sais pas trop :beetthinking:
Suricat
@joachim 131 c'est 128.3 esr
Le gars du bocage
@joachim J'arrête pas de m'en servir depuis que tu as partagé ce tuyau ! 🙏
Joachim
@au_bon_rural hehe tant mieux, c’est super pratique :)
Julianoë
@joachim pour info et pour celles et ceux que ça intéresse j'ai codé un petit snippet de JS. À utiliser pour créer un bookmarklet
javascript:(function(){let selected=window.getSelection().toString().trim();if(selected){let encodedText=encodeURIComponent(selected);let currentUrl=window.location.href.split('#')[0];window.location.href=`${ currentUrl }#:~:text=${ encodedText }`}else{alert('Aucun texte sélectionner. Pour renvoyer à un fragment de la page, sélectionner du texte.')}})();
Joachim
@Julianoe c’est super ça ! Je vais voir comment l’ajouter à mon post en te mentionnant, si tu es ok :)
Joachim
J’ai ajouté un bout à mon article, merci @Julianoe pour le bookmarklet :zoop:
GNU social JP is a social network, courtesy of GNU social JP管理人. It runs on GNU social, version 2.0.2-dev, available under the GNU Affero General Public License.
All GNU social JP content and data are available under the Creative Commons Attribution 3.0 license.