Can I Use

功能特点

• 浏览器支持查询：输入CSS属性、JavaScript API或HTML元素，即刻获取该特性在Chrome、Firefox、Safari、Edge等主流浏览器各版本中的支持状态，以直观的绿红黄三色表格呈现
• 全球用户覆盖率统计：每个特性旁边显示全球浏览器用户中使用该功能的比例，帮助开发者快速判断是否值得在当前项目中采用该技术
• Google Analytics数据导入：支持导入自己网站的Google Analytics统计数据，精准分析访问者所用浏览器对特定特性的支持情况，做出更符合实际用户群体的技术决策
• 使用份额相对视图：支持表格中的“Usage relative”按钮，可将每个浏览器版本单元格按实际使用份额比例缩放，一目了然地看出哪些浏览器版本最具影响力
• 旧版浏览器阈值设置：默认仅显示使用份额≥0.5%的旧版浏览器，可通过设置面板自由调整阈值，聚焦于真正重要的浏览器版本
• 特性搜索与对比：支持按热度排序浏览最常搜索的特性（如Flexbox、CSS Grid、WebP等），也可同时选择多个特性进行对比，综合评估兼容性风险
• 最新特性追踪：首页展示最新收录的Web特性（如CSS if()函数、跨文档视图过渡等），让开发者第一时间了解平台新能力及浏览器支持进展
• 第三方工具集成：提供Embed嵌入组件、命令行工具、CSS Lint工具（Doiuse）等多种扩展方式，将兼容性数据无缝融入开发工作流和文档系统
• 浏览器版本评分：按浏览器和版本号展示综合支持分数（如Chrome 147得分443），帮助快速评估该版本对现代Web标准的整体支持水平

使用指南

• 在搜索框中输入CSS属性名（如grid）、JavaScript API（如fetch）或HTML特性名（如loading），支持模糊搜索和自动补全
• 查看结果表格，绿色表示完全支持，红色表示不支持，带黄色或数字标注的表示部分支持或需要前缀
• 点击表格右上角的“Usage relative”按钮，让各浏览器版本的列宽按实际用户使用份额比例显示，更直观地判断影响范围
• 登录后进入Settings面板，连接Google Analytics账号导入自有数据，获得基于真实用户的兼容性分析
• 使用页面底部的“I want to use”工具，同时勾选多个特性，查看综合覆盖的用户百分比，辅助技术选型决策
• 对于搜索不到的特性，可通过页面提示提交投票或自行研究后贡献数据，参与社区共建

应用场景

• 前端开发者在新项目中决定是否使用某个现代CSS布局或JavaScript API时，快速评估兼容性风险
• 团队制定浏览器支持策略时，结合全球数据和自有网站分析数据，科学设定最低浏览器版本
• 技术博客作者或讲师编写教程时，嵌入兼容性表格，为读者提供准确的支持信息
• 在进行代码评审或重构时，配合Doiuse等Lint工具自动检测CSS中可能存在兼容性问题的属性

常见问题

• Q: 数据多久更新一次？ A: 数据持续更新，最新浏览器版本发布后通常会很快纳入。首页会展示最新收录的特性和近期更新记录。
• Q: 表格中的“部分支持”具体是什么意思？ A: 部分支持通常表示该功能在该浏览器版本中可用，但存在已知Bug、需要厂商前缀、或行为与标准有差异，可将鼠标悬停在单元格上查看详细说明。
• Q: 能否只查看特定国家或地区的浏览器使用数据？ A: 可以，在Settings面板中可按国家和洲导入使用数据，覆盖全球各地区的浏览器份额统计。
• Q: 如何将兼容性表格嵌入到我自己的网站或文档中？ A: 可使用CanIUse Embed服务，生成可嵌入的表格代码。还有第三方开发的Caniuse Component适用于演示文稿场景。
• Q: 如果没有找到我想查询的特性怎么办？ A: 可以通过网站提供的投票功能申请加入该特性。如果你已经完成了相关兼容性研究，还可以直接提交特性数据，贡献给社区。