URL中的`#:~:text=`位置哈希到底是什么？

Question

今天我注意到，在Google上的一些搜索给我的结果链接中，明显有高亮文本的指示。

谷歌给我带来的是 在Windows 10 Pro 64上，压缩文件的最大大小是多少？:

我进一步实验了一下，这似乎是谷歌浏览器的一个功能。我高亮了页面上的文本，如果你附加了 #:~:text=something. https:/example.com#:~:text=domain。 似乎可以正常工作，但只有在Chrome浏览器上（左边是Chrome Beta，右边是Firefox）。

这个词 text 一起用不同的字符是一个有点困难的谷歌，所以我无法找到任何关于这个问题。

对于找出更多关于这类 "URL-hacks "的信息，我想知道。谷歌浏览器的这个功能叫什么？

Answer 1

滚动到文本片段

好的，在朋友的帮助下，同时通过朋友的评论。Berto99 我找到了。

显然这是一个叫做 滚动到文本片段. 它是 从Chrome 80开始默认启用但显然还没有在其他浏览器中实现。

有相当不错的例子在 "万维网社区小组报告草案". 更多好的例子可以在 维基百科.

高亮显示某个文本的第一次出现

只是附加 #:~:text=<text> 到URL。文本搜索不区分大小写。

例如 https:/example.com#:~:text=domain。

突出显示一整段文字

您可以使用 #:~:text=<first word>,<last word> 突出显示一整段文字。

例子: URL中的`#:~:text=`位置哈希到底是什么？

更高级的技术

• 前缀和后缀如 建议库中建议的例子。 https:/en.wikipedia.orgwikiCat#:~:text=Claws-,Like%20almost,the%20Felidae%2C,-cats。 建议的文本似乎对我不起作用(还没有？我使用Chrome 83)。
• 您可以 突出显示文字的外观 与CSS :target 而你可以 退出网站 所以这个功能就不能用了。