Can I Use…

Can I Use…官网地址

Can I Use…的官方网站入口为：https://caniuse.com

Can I Use…是什么？

Can I Use…是一个专注于前端Web技术浏览器兼容性的查询平台。它通过持续更新的数据表格，清晰展示HTML5、CSS3、JavaScript等各类Web特性在桌面端与移动端主流浏览器中的支持情况。对于前端开发者、网页设计师以及需要把控产品兼容性范围的产品经理来说，这个网站能够快速帮助他们判断某个属性或API是否可以在目标用户的浏览器中安全使用。网站本身还整合了全球浏览器使用份额统计，让兼容性判断不再凭空猜测，而是有据可依。

Can I Use…核心功能

• 特性兼容性速查：通过搜索框输入CSS属性、HTML标签或JavaScript API名称，即可获得各浏览器对该特性的支持矩阵，用不同颜色标识完全支持、部分支持和不支持
• 浏览器版本得分与对比：提供Chrome、Safari、Firefox等主流浏览器的综合支持得分，并可对不同浏览器版本进行特性支持数量对比
• 自定义数据导入：允许用户导入自己站点的Google Analytics访问数据，从而查看目标特性在自己真实用户群中的覆盖百分比，让兼容策略更贴合实际受众
• 第三方工具嵌入与集成：支持将兼容性表格嵌入到自己的网站或演示文档中，还提供命令行工具和CSS代码检查工具，方便在开发流程中自动检测兼容性问题
• 最新特性追踪与投票：及时发布新加入的特性条目，用户可以对尚未收录的功能提出收录建议或自行提交研究数据，共同维护数据的时效性
• 全局浏览器使用份额统计：内嵌StatCounter的全球浏览器版本份额数据，可以直观看到旧版浏览器的市场占比，辅助决定是否要为低版本提供降级方案

Can I Use…使用教程

1. 打开网站首页后，直接在页面顶部居中的搜索框中输入需要查询的特性关键词，例如“flexbox”或“lazy loading”，在出现的下拉建议列表里点击匹配的项目。
2. 进入特性详情页后，会看到一个以浏览器图标为列、以浏览器版本号为行的表格，表格中用绿色、红色、黄绿色和灰色分别代表支持、不支持、部分支持和未知，快速浏览即可了解兼容性概况。
3. 如果希望查看桌面端与移动端的区别，可以点击页面上方的“Mobile”选项卡切换视图，表格会相应更新为移动浏览器的数据。
4. 想要衡量某个特性在自己用户中的支持度，可以点击页面右上角的“Settings”，根据提示关联Google Analytics账户导入使用数据，再回到特性表格点击“Usage relative”按钮，表格列宽将按用户占比动态调整。
5. 发现某个计划使用的特性兼容性较差时，可以利用页面提供的资源链接或与BrowserStack合作的试用功能，在真实设备上进行实际渲染测试，验证是否符合预期。

网址之家总结

Can I Use…凭借直观的彩色表格和强大的数据筛选能力，将晦涩的浏览器兼容性问题变得一目了然。它特别适合在前端项目的技术选型阶段使用，能有效减少线上兼容性事故。从页面信息看，该网站主要依赖社区贡献和StatCounter的统计数据，对于地区化或小众浏览器的数据覆盖可能不够全面，用户自发导入本地分析数据可以弥补这一短板。同时，搜索结果依赖关键词匹配，初次使用者可能需要适应特性名称的英文拼写方式。总体而言，这是一个前端工程师日常开发中实用性极强的参考工具。