Закладка: ~: текст = спецификации

Question

Веб-URL формы someUrl#:~:text=abc%20def выделит желтым цветом слова abc def на странице, по крайней мере, в Chrome. Например: { ссылка }: ~: text = Top% 20Questions , но не { ссылка }: ~: text = Top% 20Quest

Где я могу найти документацию на этом? Это не работает в Edge.

Когда выделение применяется в жизненном цикле страницы? Я нахожу, что иногда текст, отрисованный намного позже Ajax вызовами, подсвечивается?

Answer 1

Это особенность chrome. см. https://www.chromestatus.com/feature/4733392803332096

Кроме того, все, что появляется в urlpath после #. («поиск»), не перемещается на сервер, и его может анализировать только один из браузеров ( для специальных значений, таких как обнаруженное вами, или для якорей или идентифицированных элементов), или с помощью скрипта на странице (например, вы можете отображать разный контент для разных значений поиска).