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

Question

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

Google 将我带到What is the maximum size of a zip file on Windows 10 Pro 64...，网址如下：

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这个词加上不同的字符有点难用谷歌搜索，所以我找不到任何关于这个主题的东西。

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

Answer 1

滚动到文本片段

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

显然这是一个名为 Scroll To Text Fragment 的功能。它是enabled by default since 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=Apparently,Wikipedia

更先进的技术

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