CSS 特性支持检测
批量检测浏览器对布局、颜色、选择器等 CSS 特性的支持情况。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传CSS检测浏览器兼容特性检测
CSS 特性支持率
--%
检测中…
正在检测…
检测项
--
支持
--
不支持
--
未知
--
检测结果
说明：以上结果来自浏览器本地的能力查询接口，仅代表当前设备与浏览器版本能否解析对应 CSS 语法，实际渲染表现请以真机为准。
工作原理
- 1页面加载后自动触发检测，逐项调用浏览器提供的 CSS.supports(属性, 值)、CSS.supports(条件) 与 matchMedia() 能力查询接口。
- 2对于 at-rule 类特性（如 @container、@starting-style），通过检测对应的 CSSRule 构造函数是否存在来判定支持情况。
- 3选择器类特性采用双通道验证：先由 CSS.supports(selector(...)) 判定语法支持，再由 querySelector 实际解析验证。
- 4所有结果按分组聚合，计算支持率并给出总体结论，可进一步按分组 / 状态 / 关键字筛选查看。
- 5检测完全在本地浏览器内存中完成，不上传任何数据；可一键复制摘要或导出报告，刷新页面即重新检测。
常见问题
检测结果一定准确吗？
结果基于浏览器自身的能力查询接口（CSS.supports / matchMedia）得出，反映的是当前浏览器「能否解析该语法」，具有很高参考价值。但语法被支持不代表渲染效果完全一致，最终呈现仍可能与实现细节有关。
为什么有些特性显示「未知」？
当浏览器版本过旧、未实现 CSS.supports API，或某项检测在特定环境下抛出异常时，会标记为「未知」。这通常意味着该浏览器年代较早，建议升级后再测。
支持某一特性意味着可以放心使用吗？
如果目标用户群与该浏览器一致，可以放心使用。若要面向更广泛用户，建议对关键特性提供降级方案——工具已为每项不支持的特性给出对应的回退建议。
检测过程会请求网络或上传数据吗？
不会。全部检测都在你的浏览器本地完成，页面不发起任何网络请求，也不收集、上传任何数据，断网状态下同样可以正常使用。
这个工具能替代 Can I Use 吗？
两者定位不同：Can I Use 展示的是各浏览器版本的静态兼容数据；本工具检测的是「你当前这台设备、这个浏览器」的实时能力。用于排查用户环境问题时，本工具更直接。
导出的报告包含哪些内容？
包含检测时间、浏览器 UA、总体支持率，以及每一项特性所属分组、名称、检测表达式、支持状态与降级建议，可选择 JSON 或 Markdown 格式导出。