Baseline 可帮助您了解哪些功能可在现代浏览器引擎之间互操作,并且目前可以安全使用,但您如何在项目中使用 Baseline 呢?本页提供了一些资料,可帮助您确定如何使用该功能,以及在此过程中需要考虑的一些事项。

了解 Baseline 的运作方式

Baseline 通过三个阈值清晰传达消息。这些阈值表示核心浏览器组(Android 版和桌面版 Chrome、Android 版和桌面版 Firefox、macOS 和 iOS 版 Safari 以及 Edge)的互操作性水平。看到这些标签和符号时,您可以快速了解现代浏览器引擎中网络功能的成熟度:

支持有限的功能是指未在整个核心浏览器集中实现的功能。使用这些功能需要进行一些规划,可能需要考虑 Polyfill 和渐进增强。
新推出的功能是指最近在核心浏览器集中实现的功能。当您看到某项功能处于“新近可用”状态时,可以预期随着时间的推移,这些功能将获得更广泛的浏览器支持。
广泛可用的功能是指在核心浏览器集中实现互操作至少 30 个月的功能。当功能处于“Baseline 广泛可用”阶段时,您可以预期这些功能在核心浏览器集中得到良好支持。

在项目中开始使用基准之前,您需要确定要使用哪个基准目标。基准目标可以是不断发展的移动目标,随着时间的推移会添加更多可互操作的功能;也可以是固定目标,表示特定年份的最新一组可互操作的功能。请参阅本指南,了解如何以数据驱动的方式选择基准目标值。

将 Baseline 添加到您的项目

跟踪哪些功能可实现浏览器互操作可能是一项单独的任务,但通过在项目中采用 Baseline 以及使用可帮助您完成此任务的工具,您可以减少相关工作量。Browserslist 附带了多个内置查询,可让您在项目中轻松使用 Baseline。

现在,您可以将基准添加到开发 linting 和打包工具中,并使用内置于 Browserslist 中的基准专用查询。
在此 Codelab 中,了解如何使用 webpack、Babel 和 PostCSS 将 Baseline 集成到 Web 项目中。

查看 Baseline 演示

如果您想寻找一些灵感,以便了解如何在项目中使用 Baseline,请查看以下工具集成演示,以便开始使用:

了解如何将 Baseline 与 webpack 项目搭配使用。
了解如何将 Baseline 与您的汇总项目搭配使用。

并非所有 Web 功能都可互操作,但这并不意味着您无法使用它们。作为 Baseline 的一部分,我们不会告诉您是否要使用不可互操作的功能。这需要您自行决定,我们已发布相关指南,帮助您思考这个问题。

创建您自己的 Baseline 工具

您是否一直在寻找 Baseline 的特定工具,但却找不到?基准工具是一个不断发展的领域,您所需的功能可能尚未开发出来。如果您是进取型人才,可以自行创建工具。这些文章将向您展示如何以多种方式使用网络功能数据来创建您和其他人会觉得有用的工具。

了解 Web 平台信息中心,以及如何查询其 HTTP API 以帮助您构建基准工具。
了解如何使用 web-features npm 软件包中的数据来创建自己的基准工具!