浏览器支持检测

功能说明

针对你实际使用的浏览器审计 30 项现代 Web 能力 - WebGPU、WebGL 2、WebAssembly（SIMD、线程）、Service Workers、OPFS、WebAuthn、View Transitions、Popover API 等 - 归入 8 个类别：图形、计算、存储、连接、媒体、传感器、安全、平台。每项检查带一个权重（1-3），结果汇总为一个加权的就绪度得分 0-100，附等级标签，从完全现代（90+）到遗留浏览器（低于 35）。

检测分三层：被动的 API 存在性检查在加载时自动运行；实测（20 项检查带 demo 标记）会真正执行该特性 - 渲染一个 canvas 渐变、画一个 WebGPU 三角形、校验一个 SIMD WASM 模块、向 IndexedDB/OPFS 写入；还有 8 个可触发的操作（摄像头、麦克风、地理位置、剪贴板、通知、振动、全屏、Web Share）让你亲手调用真实的、需要权限的 API。一切 100% 客户端运行 - 没有任何数据离开你的浏览器，结果也不存储。

使用方法

1. 打开工具 - 扫描自动开始，30 项检查逐行显现（每项约 55 ms），摘要上方是浏览器标签（从你的 user agent 解析而来）。
2. 阅读仪表盘：加权就绪度得分，以及支持 / 受限 / 需 HTTPS / 不支持各项的计数。
3. 点击任意一行展开：一行解释、存在时的各浏览器细节注记（如厂商前缀、实测值），以及一段可复制的 JS 检测代码，例如 !!document.createElement('canvas').getContext('webgl')。
4. 对带 demo 标记的行，点击 ▶ Run live test（运行实测）真正执行该能力。结果显示为可用、失败或n/a，附细节如 GPU 名称或渲染的 canvas 尺寸。
5. 用 Show all snippets（展开全部代码）一次性展开所有行，Re-run scan（重新扫描）从头再检测，或 Copy share link（复制分享链接）把带结果编码的当前 URL 复制下来。
6. 滚动到 Trigger an action（触发一个操作），点击 8 个按钮中的任意一个 - 设备（摄像头、麦克风）、权限（地理位置、剪贴板、通知）、输出（振动、全屏、Web Share）。你的浏览器可能会请求授权；每个按钮都会报告成功、被拒绝、不可用或出错。

示例

加权计分（依据计分模块 src/tools/browser-support/score.ts 验证） - 状态贡献为 supported = 1.0、limited = 0.5、needs-HTTPS = 0.3、unsupported/unknown = 0，各自乘以该检查的权重：

All 30 checks supported                        → score 100
All supported except WebGPU (weight 3)         → score 95
All supported except Canvas 2D (weight 2)      → score 96
WebGPU reported "limited" instead of supported → score 97
WebGPU reported "needs-https"                  → score 96
WebGPU unknown                                 → score 95

只有 WebGPU 不支持时，类别明细为 Graphics 70（4/5 支持），其余 Compute、Storage、Connectivity、Media、Sensors、Security、Platform 均为 100。

可分享链接（依据 src/tools/browser-support/share.ts 验证） - 扫描完成后，报告被打包（按目录顺序每项检查一个字符：s 支持、l 受限、h 需 HTTPS、x 不支持、? 未知），JSON 编码后再 base64url 编码进 ?r= URL 参数。上面那份 30 项报告打包为 sssxssssssssssssssssssssssssss，编码为 116 字符的 ?r= 字符串；解码能还原精确的状态、得分和浏览器标签。打开分享链接会重放保存的报告，而不是重新扫描你的浏览器。

补充说明

• 私密： 检测、实测和操作全部在你的浏览器中运行。结果不上传；分享链接之所以可行，只是因为数据本身就存在 URL 里。
• “需 HTTPS” 意味着 API 存在但被限制在安全上下文中 - 工具给它的评级低于“受限”，因为你无法在当前上下文中基于它做产品。
• 实测和操作是诚实的一层：API 存在性可能说谎（厂商可能发布空壳），但渲染出的 WebGPU 三角形或真实的 IndexedDB 写入不会。
• 就绪度得分向基础能力倾斜（WebAssembly、WebGPU、Service Workers 权重为 3），因此缺少一个现代锦上添花的特性比缺少一个基线代价更小。
• 相关工具： 浏览器指纹查看器、Permissions-Policy 构建器、安全响应头分析器