在线检测浏览器对CSS新特性的支持情况,一键测试Flexbox、Grid、容器查询、视图过渡等现代CSS特性。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用CSS不断发展,新特性层出不穷。不同浏览器对CSS新特性的支持进度不同,开发者在编写CSS时常常需要查资料确认某个特性是否可用。CSS特性检测工具利用浏览器内置的CSS.supports() API,一键检测当前浏览器对80+个现代CSS特性的支持情况。
打开工具页面后,页面会自动显示八大类CSS特性列表。点击任意特性即可检测当前浏览器是否支持,或点击"测试所有"一键完成全部检测。支持按关键字搜索CSS属性名称,也支持自定义输入CSS声明进行测试。
CSS.supports()是CSS条件规则模块的一部分,语法为CSS.supports(property, value)或CSS.supports(declaration)。返回true表示浏览器支持该CSS声明,false表示不支持。该API在大多数现代浏览器中均有良好支持。
使用浏览器内置的CSS.supports() API进行检测,不需要加载外部资源,结果准确可靠。
涵盖布局、动画、颜色、排版、滤镜效果、选择器、UI组件等8大类80+个现代CSS特性。
CSS.supports()是浏览器原生API,检测结果100%准确反映当前浏览器的实际支持情况。
可以!使用"自定义测试"功能,输入任意CSS声明即可测试浏览器是否支持。
不会。所有检测在浏览器本地完成,无需网络连接,不上传任何数据。