URL 中的 `#:~:text=` location hash 到底是什么？

Question

今天我注意到 Google 上的某些搜索为我提供了指向结果的链接，并带有突出显示文本的明显说明。

Google 把我带到了 What is the maximum size of a zip file on Windows 10 Pro 64... url:

https://superuser.com/questions/1305867/what-is-the-maximum-size-of-a-zip-file-on-windows-10-pro-64-bit#:~:text=4%20GB%20size%20is%20a,about%2016%20exabytes%20size%20limitation

我进一步试验了一下，这似乎是 Google Chrome 的一个特点。如果您将 #:~:text=something 附加到 URL，它会突出显示页面上的文本。 https://example.com/#:~:text=domain 似乎工作正常，但只适用于 Chrome（Chrome Beta 在左边，Firefox 在右边）。

单词 text 加上不同的字符有点难 google，所以我找不到关于这个主题的任何内容。

如需了解有关此类“URL-hacks”的更多信息，我想知道：
GoogleChrome的这个功能叫什么？

Answer 1

滚动到文本片段

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

显然这是一个名为 Scroll To Text Fragment. It is enabled by default since Chrome 80 的功能，但显然尚未在其他浏览器中实现。

"W3C Community Group Draft Report". More good examples can be found on Wikipedia 中有很好的示例。

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

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

示例： https://example.com#:~:text=domain

突出显示整段文本

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

示例：

更高级的技巧

• 像提议的 example suggested in the repository for the suggestion https://en.wikipedia.org/wiki/Cat#:~:text=Claws-,Like%20almost,the%20Felidae%2C,-cats 文本这样的前缀和后缀似乎对我不起作用（但是？我使用 Chrome 83）。
• 您可以 style the look of the highlighted text with the CSS :target and you can opt your website out 因此此功能不再适用。