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

Question

今天我注意到谷歌上的一些搜索给了我指向结果的链接，其中包含突出显示文本的明显说明。

Google 将我带到Windows 10 Pro 64 上 zip 文件的最大大小是多少...：

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

这个词text加上不同的字符有点难用谷歌搜索，所以我找不到关于这个主题的任何东西。

要了解有关此类“URL-hacks”的更多信息，我想知道：
Google Chrome 的此功能称为什么？

Answer 1

滚动到文本片段

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

显然，这是一项名为Scroll To Text Fragment 的功能。它自 Chrome 80 起默认启用，但显然尚未在其他浏览器中实现。

“W3C Community Group Draft Report”中有相当不错的例子。更多好的例子可以在Wikipedia上找到。

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

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

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

突出显示整个文本部分

您可以使用#:~:text=<first word>,<last word>突出显示整个文本部分。

示例： https : //stackoverflow.com/questions/62161819/what-exactly-is-the-text-location-hash-in-an-url/62162093# :~: text=显然，维基百科

更先进的技术

• 前缀和后缀如存储库中建议 的示例https://en.wikipedia.org/wiki/Cat#:~:text=Claws-,Like%20almost,the%20Felidae%2C,-cats文本建议似乎对我不起作用（但是？我使用 Chrome 83）。
• 您可以使用 CSS设置突出显示文本的外观，:target也可以选择退出您的网站，以便此功能不再使用。