浏览器兼容性速查表

内置 40+ 常用特性数据集：输入 Flexbox、Grid、:has()、async/await、IntersectionObserver 等名称，即查 Chrome / Edge / Firefox / Safari / IE 的最低支持版本，附部分支持标记与降级方案，中文对照，本地查询不上传。

数据集共 0 条当前匹配 0 条图例：v57 完整支持　部分有前缀/受限　✕ 不支持

特性	分类	Chrome	Edge	Firefox	Safari	IE

版本为桌面端最低完整支持版本号，数据整理自各厂商发布记录，供快速参考。

目标基线对比与兼容缺口

填写项目实际要支持的最低版本，工具会把当前筛选结果逐条判定为完整支持 / 部分支持 / 不支持，并绘制五浏览器支持度条形图、列出兼容缺口。

Chrome Edge Firefox Safari IE

填入基线版本后开始对比

方案管理 · 数值对比 · 导出

调好的参数可存成方案随时载入，也能生成可分享链接；结果里的数值列会自动画成对比图，并支持导出 CSV / JSON。

查兼容性的三条原则

① 只看完整支持：标记为部分支持的特性往往要加前缀或有已知 bug，生产环境应按不支持对待，实测后再用。

② 移动端单独核对：表中版本号是桌面端，iOS Safari 与国内各类 WebView 可能不同，上线前务必真机验证。

③ 降级方案优先：点击特性行查看降级建议，能用成熟替代写法就不要自己造 polyfill 轮子。

怎么用

第 1 步 · 输入特性名

在搜索框输入 flex、grid、:has() 之类的关键词，表格实时过滤并显示匹配条数。

第 2 步 · 按分类筛选

点 CSS、JavaScript、浏览器 API 或 HTML 按钮，把数据集缩小到目标范围。

第 3 步 · 点击行看详情

下方详情卡展示特性说明与降级方案，可直接截图引用到评审记录里。

第 4 步 · 复制或导出

一键复制当前筛选结果，或导出 CSV 贴进项目文档留档。

常见问题

flex 布局兼容 IE 几？

IE10 只支持带 -ms- 前缀的部分特性，IE11 支持较完整但有 flex-basis 百分比、min-height 等已知 bug。需要兼容 IE 时建议用 float 或 inline-block 降级，本表点击任意行即可看降级方案。

某个 CSS 属性的浏览器支持怎么查？

在本页搜索框输入属性名（如 aspect-ratio、:has()、backdrop-filter），即可对照 Chrome、Edge、Firefox、Safari、IE 的最低支持版本，绿色为完整支持、黄色为部分支持。

有 caniuse 的中文在线查询吗？

caniuse 是英文站且加载较慢。本速查表把前端高频特性整理成中文对照表，纯静态本地查询、无需网络请求，适合政企项目排查与客户沟通时快速截图引用。

某个 JS API 的兼容性怎么查？

切到 JavaScript 或浏览器 API 分类，查 Promise、optional chaining、IntersectionObserver、structuredClone 等即可；备注列会提示前缀、实验性等限制条件。

有前端兼容性对照表工具吗？

本页即是。支持关键词搜索加分类筛选，可一键复制当前筛选结果或导出 CSV 贴进项目文档；所有查询都在浏览器本地完成，不上传任何内容。

浏览器兼容性速查表

目标基线对比与兼容缺口

方案管理 · 数值对比 · 导出

最近方案暂无

🧭口径说明与常见误填

这个工具解决什么问题

查兼容性的三条原则

怎么用

更新记录

常见问题

💬 留言板 0

留言已提交！

浏览器兼容性速查表

目标基线对比与兼容缺口

方案管理 · 数值对比 · 导出

最近方案 暂无

🧭口径说明与常见误填

这个工具解决什么问题

查兼容性的三条原则

怎么用

更新记录

常见问题

💬 留言板 0

留言已提交！

🔗 相关工具

最近方案暂无