javascript - 检测浏览器对滚动到文本片段的支持(:~:text=) feature?

Question

Google 最近开始在其突出显示的代码段中推出 Scroll-To-Text Frament 功能。这样做会将 #:~:text=... 参数附加到链接的 url，浏览器使用该参数突出显示目标网站上的代码段文本。

至于现在(2020 年 7 月)，滚动到文本片段是一个 W3C Community Group Draft Report和 browser support is very limited (截至目前基本上是基于 Chromium 的浏览器)。

我的问题是:有什么方法可以检测浏览器是否支持此功能？ IE。使用 javascript？

Answer 1

From the spec :

3.7. Feature Detectability

For feature detectability, we propose adding a new FragmentDirectiveinterface that is exposed via document.fragmentDirective if theUA supports the feature.

[Exposed=Window]
interface FragmentDirective {};

We amend the Document interface to include a fragmentDirectiveproperty:

partial interface Document {
    [SameObject] readonly attribute FragmentDirective fragmentDirective;
};

所以你可以使用

const isAvailable = "fragmentDirective" in window.document;

或

const isAvailable = !!window.FragmentDirective;