发布时间：2024年10月23日
在这篇文章中，了解当您撰写或谈论 Web 平台功能时，如何在您自己的网站上使用新的 <baseline-status> Web 组件，以及在演示文稿中使用 Baseline 徽标。
大多数开发者都有过这样的经历：在寻找 Web 开发问题的解决方案时，找到一篇描述完美解决方案的文章，然后在结尾才意识到该解决方案仅在一个浏览器中可用。或者被会议演示者描述的某个功能所吸引，却发现它只是实验性的。这是我们希望在 Chrome 开发者网站上改进的地方，在过去的两年里，我们一直在帖子中添加来自 MDN 的兼容性数据。
然而，Baseline 使事情变得更加清晰。您无需检查各个浏览器版本，只需检查某个功能是否为“Baseline 广泛可用”状态，从而可以放心地使用它。或者了解它是“Baseline 最新可用”状态，因此具有互操作性，但作为一个新功能，您可能需要考虑后备策略。在 web.dev 上，我们已开始在某些页面上添加新的 Baseline 状态组件，您可以在关于 CSS font-size-adjust 的博文中看到它。
将组件添加到您的网站
该 Web 组件不仅供我们使用。我们很高兴与您分享 <baseline-status> 组件。您可以立即使用它来显示您创建的内容的 Baseline 状态。该组件可以从 npm 安装，也可以从 CDN 预编译安装——阅读安装说明。安装完成后，按照以下 font-size-adjust 的 HTML 所示，显示某个功能的状态。
<baseline-status featureId="font-size-adjust"></baseline-status>
然后，当功能从“有限可用”状态，经过“最新可用”状态，变为“广泛可用”状态时，该组件将自动更新。
查找 featureId
传递到组件中的 featureId 是 web-features 存储库中功能的名称。该组件从通过 Web Features 项目收集的数据中获取功能的状态。
添加 Baseline 徽标
如果您要发布印刷品、PDF 或在会议上进行演示，那么徽标可能有助于显示当时的 Baseline 状态。Web Platform Status 仪表板可以帮助您检查任何功能的 Baseline 状态。
Baseline 徽标已获得许可，可用于您的所有材料，以 PNG 和 SVG 格式下载它们。
告知我们您在何处使用 Baseline
我们很想看看 Baseline 在哪里被使用。创建一个 PR 并添加一个链接，指向您在 Baseline in the wild 中使用它的位置。
您有其他集成想法吗？
您是否有以其他方式集成 Baseline 的想法？也许您有一个开发者工具可以包含此信息，或者一个产品可以受益于能够共享管理员面板使用的 Baseline 版本。提出包含您的想法的问题，我们很乐意提供帮助。