浏览器新特性支持检测器
在你当前浏览器里用真实运行时代码检测WebGPU、View Transitions、CSS :has()等近年新Web标准的支持情况，非UA嗅探。
免费在线工具
Loading…
使用说明
- 打开页面后工具会自动运行检测，无需任何操作，也没有可预填的示例数据（检测目标就是你当前的浏览器本身）
- 页面顶部显示“支持项数 / 总项数”的汇总统计，以及当前浏览器的 User-Agent 字符串供参考
- 下方列表逐项列出每个特性的名称、支持情况（✅支持 / ❌不支持）、一句话功能说明、大致标准化时间
- 切换浏览器或浏览器版本后重新打开本页，即可对比不同环境的支持差异；也可点击“重新检测”按钮立即刷新一次结果
功能介绍
- 全部基于真实运行时特性检测代码（如
'gpu' in navigator、CSS.supports(...)、'popover' in HTMLElement.prototype），不依赖 User-Agent 字符串猜测，检测结果就是当前浏览器的真实能力 - 覆盖 11 项近年新增的 Web 标准：WebGPU、View Transitions API、CSS :has() 选择器、CSS 容器查询、Popover API、CSS 原生嵌套、Web Locks API、WebTransport、Import Maps、Document Picture-in-Picture API、CSS text-wrap: balance
- 检测代码内置异常保护，即使某个 API 探测过程中抛出异常也会被判定为“不支持”，不会导致整个页面报错
- 每一项都附带一句话功能说明和“大致标准化时间”（仅供参考，不同浏览器厂商落地时间不同）
使用场景
前端选型评估
在决定是否使用某个新CSS/JS特性前，先检测自己开发/测试用的浏览器版本是否已经支持，避免上线后才发现兼容问题。
多浏览器兼容性排查
分别用Chrome、Safari、Firefox等打开本页对比检测结果，快速定位某个特性在哪些浏览器上还不可用。
技术分享与培训素材
给团队讲解Web新标准时，用本工具现场展示这个特性在你我电脑上到底支不支持，比单纯讲PPT更直观。
渐进增强方案设计
结合检测结果决定是否需要为View Transitions、Popover API等新特性准备降级方案（polyfill或传统实现）。
常见问题
这个检测准确吗？是不是根据浏览器型号猜的？
不是猜测。每一项都是调用浏览器真实提供的运行时接口（如 typeof、in 操作符、CSS.supports()）当场检测，结果就是你当前这个浏览器实例的真实支持情况，不依赖 User-Agent 字符串识别。
为什么显示不支持，但我记得这个浏览器版本应该支持？
可能是浏览器该特性还在实验阶段需要手动开启flag，或版本号看似支持但具体实现细节（如CSS.supports的参数写法）不完全一致导致检测未通过，请以本页检测结果为准，它反映的是当前默认配置下的真实可用性。
为什么没有加载示例数据按钮？
本工具检测的对象是你当前打开页面所用的浏览器本身，没有可以预填的示例输入，打开页面即完成一次真实检测，因此不提供示例数据功能。
标准化时间不准确怎么办？
标准化时间标注为仅供参考，因为不同浏览器厂商落地同一个标准的时间点往往不同，且部分特性仍在持续演进中，请优先参考本页的实时检测结果而非标注时间。
能检测所有浏览器新特性吗？
目前覆盖11项近3年内出现的代表性Web标准（WebGPU、View Transitions、CSS :has()等），并非覆盖全部新特性，后续可能视需求扩充检测项。