如何在Chrome和Firefox中启用实验性Web平台功能

如何在Chrome和Firefox中启用实验性Web平台功能

是否想尝试最新的尖端网络技术? 一种方法是下载每晚(或开发人员)版本的浏览器。 Chrome和Firefox都有其浏览器版本,可在其中启动实验性或非标准化功能-分别为Chrome Canary和Firefox Nightly。 这样可以在全面支持之前进行实验并获得反馈。 您可能不时需要自己启用实验功能。 本文将向您展示如何在Chrome和Firefox中执行此操作。

实验功能是什么?

浏览器有时会将新功能隐藏在标志后面–这意味着默认情况下,大多数用户都不会打开这些功能。 一个示例是CSS Grid Layout Level 1规范,该规范(在首次实现时)在Firefox和Chrome中是一个标志。 如果在caniuse.com中寻找此功能,则可以看到该功能在这些浏览器的早期版本中确实有一个小标记,表示它是试验性功能。

如何在Chrome和Firefox中启用实验性Web平台功能

尽管带有标记,但浏览器对特定功能的实现可能有问题,并且可能会发生变化,但是您仍然可以尝试一下。 实际上,如果您渴望使用此功能,则越早尝试越好-如果您可以提供反馈,那么它就更有价值。

现在,您可以试用的一项实验功能是subgrid,它是CSS Grid Level 2规范的一部分。 它仅在Firefox Nightly中可用,您需要启用它。

如何开启实验功能

火狐浏览器

  1. 在浏览器中,转到URL about:config 这是浏览器的“隐藏”设置区域,它使我们不仅可以启用我们要使用CSS功能,还可以做更多的事情-还有许多其他设置。 但是请注意,如果您不知道自己在做什么,就可能破坏浏览器的功能!
  2. 如果您以前从未访问过此URL,则会收到如下警告:

    如何在Chrome和Firefox中启用实验性Web平台功能
    单击“接受风险”。
  3. 使用搜索栏搜索要启用的功能的名称。 例如,如果我们搜索subgrid ,则会发现以下内容:

    如何在Chrome和Firefox中启用实验性Web平台功能

    右侧的“值”列确定功能是否已打开。 双击该项以将值从“ false”切换为“ true”。 该功能现已启用。

  1. 转到URL chrome:// flags Chrome的用户界面比Firefox的用户界面友好一些,阅读启用或禁用的所有不同功能非常有趣。
  2. 搜索功能。 在此处(在撰写本文时)搜索CSS仅产生一个结果(CSS片段标识符)。 所有功能都有一个下拉菜单,您可以从中选择启用禁用默认选项。

    如何在Chrome和Firefox中启用实验性Web平台功能
    该语言有些令人困惑,因为尚不清楚是启用还是禁用了“默认”功能!
  3. 切换到所需的设置。

翻译自: https://css-irl.info/how-to-enable-experimental-web-platform-features/