URL 中的‘ # : ~ : text =’位置散列到底是什么?

今天我注意到,谷歌上的一些搜索结果给了我链接,显然指示突出显示文本。

谷歌把我带到 在 Windows10Pro 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 search for "win explorer max zip file size" - the Stack Exchange page in the result has highlights

我进一步试验了一下,这似乎是谷歌浏览器的一个特性。如果将 #:~:text=something附加到 URL,它会突出显示页面上的文本。https://example.com/#:~:text=domain似乎运行良好,但只适用于 Chrome (左边是 ChromeBeta,右边是 Firefox)。

The word "description" is highlighted on example.com

单词 text连同不同的字符是有点难谷歌,所以我无法找到任何关于这个主题。

想要了解更多关于这些“ URL 黑客”的信息,我想知道:
谷歌浏览器的这个特性叫什么?

31238 次浏览

滚动到文本片段

好吧,在一个朋友的帮助下,同时通过 Berto99的一条评论,我找到了:

显然,这是一个称为 翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳的特性,它是 自 Chrome 80以来默认启用,但是显然还没有在其他浏览器中实现。

W3C 社区小组草拟报告中有相当不错的例子。更多的好例子可以在 维基百科中找到。

突出显示某个文本的第一个外观

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

示例: < a href = “ https://Example.com # :% 7E: text = domain”rel = “ noReferrer”> https://Example.com#:~:text=domain The word "domain" is highlighted on example.com

突出显示整段文本

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

示例: < a href = “ https://stackoverflow./questions/62161819/what-really-is-the-text-location-hash-in-an-url/62162093 # :% 7E: text = 顯然,Wikipedia”> https://stackoverflow.com/questions/62161819/what-exactly-is-the-text-location-hash-in-an-url/62162093#:~:text=apparently,wikipedia part of this very answer is highlighted

更先进的技术