这个特性到底能不能用？Can I use 查浏览器兼容，一目了然

用了一个新 CSS 特性，上线后用户反馈页面错乱——原因是他的浏览器不支持。写前端之前先查兼容性，是能省掉大量返工的几秒钟。

它解决什么问题

新特性在不同浏览器与版本上支持情况差异大，凭印象判断容易出错。

MDN 上虽然也标注兼容性，但想横向对比多个特性时不够直观。

核心能力

「能用」和「能放心用」是两回事

看到某个特性是绿色的，不代表可以直接用。还要看两件事：一是你的目标用户用什么浏览器（国内还有大量旧版本内核），二是这个特性有没有优雅降级方案。

更稳的判断顺序是：用率足够 → 有官方前缀或替代写法 → 关键路径上准备降级。三者都满足，才敢在核心功能里用。

同类工具怎么选

谁适合用

• 前端工程师，评估新特性能否上线
• 技术选型阶段需要判断技术可行性的团队
• 写技术文章，需要给出准确兼容性说明的作者

怎么开始

1. 打开 caniuse.com，搜索特性名（如 gap、backdrop-filter）。
2. 看顶部全球使用率与各浏览器支持色块。
3. 点开特性详情，查看注意事项与已知问题。
4. 把目标用户的浏览器范围纳入判断，不要只看最新版。
5. 不支持时考虑 @supports 查询做渐进增强或降级。

常见问题

数据准确吗？
由社区与浏览器厂商信息汇总，整体可靠，但极端细节仍以官方文档为准。

能按国内浏览器看吗？
可结合国内的浏览器市场份额数据一起判断，尤其是仍在使用旧内核的环境。

能查到旧版本吗？
可以，页面上按浏览器版本列出了历史支持情况。

授权与合规

Can I use 是免费开放的浏览器兼容性查询站点，数据开放可查，页面无需注册即可使用。 官网：caniuse.com。