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