Ссылки на WEB страницы с подсветкой контекста

Я не смог придумать адекватный заголовок, так что попробую объяснить суть идеи.

Все браузеры на базе Chromium (включая Opera, MS Edge, Яндекс.Браузер) умеют вот какую штуку:

Если дописать в конце URL такой хештег:

#:~:text=текст+котрый+есть+на+странице

Допустим прямо на этой странице я подсвечу этот текст через ссылку:

Должен быть результат вида:

Нажав на ссылку, вы увидите это

Заметил я эту фичу при переходе из поисковой выдачи гугла. Для примера, вот вам ссылка на Хабр:

Аналитика для хантинга разработчиков

Сама ссылка изначально, когда я ее набирал в строке адреса выглядела так:

https://habr.com/ru/company/new_hr/blog/507534/#:~:text=Аналитика для хантинга разработчиков

После чего сам браузер ее превратил в:

https://habr.com/ru/company/new_hr/blog/507534/#:~:text=%D0%90%D0%BD%D0%B0%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B0%20%D0%B4%D0%BB%D1%8F%20%D1%85%D0%B0%D0%BD%D1%82%D0%B8%D0%BD%D0%B3%D0%B0%20%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2

И самое интересное! Как только вы прокрутите страницу (хоть малейший сдвиг), то выделение текста исчезает и исчезает автоматически хеш из URL

И все это есть в спеке и если ее почитать, то там есть больше возможностей, чем я описал

Text Fragments

Полный формат выглядит так:

following format:

#:~:text=[prefix-,]textStart[,textEnd][,-suffix]
          context  |-------match-----|  context