The CanIUse Embed

从 caniuse.com 和 mozilla's browser compat data 嵌入最新数据。
显示10个主要浏览器多个版本的功能支持数据。
可配置、可靠且完全响应。

由 Astro 构建 | 部署在 Vercel

示例

默认情况下，嵌入将显示当前版本、未来1个版本以及过去2个版本的功能支持。

你想展示什么特性？

选择您想要显示的旧版本

选择您想要显示的未来版本

在您的文档中嵌入以下 JavaScript 文件。

<script type="module" src="https://caniuse-embed.vercel.app/embed.js"></script>

将此片段粘贴到您希望嵌入显示的位置：

data-feature="feature_name": 特性名称

data-past="2": 显示过去 2 个版本, 范围为 0 - 5

data-future="1": 显示未来 1 个版本, 范围为 0 - 3

data-meta="xxx": 自定义元数据，当存在多个同名特性时，可以为每个特性指定不同的元数据，用于正确更新 iframe 高度。

data-theme="dark": 使用深色主题，支持 light / dark / auto。

data-observer="true": 使用观察者模式, 当前标签的属性变化将被监听