Webauthn API中largeBlob扩展被浏览器忽略的问题求助

以下是针对你遇到的largeBlob扩展被浏览器忽略问题的排查方向和解决方案：

1. 确认浏览器版本兼容性 #

Chrome从86版本开始支持largeBlob扩展，Safari则需要14及以上版本。先检查你的浏览器版本是否达标，低版本浏览器可能完全不支持该扩展，自然会忽略相关参数。

2. 验证验证器的真实支持状态 #

Chrome的WebAuthn调试器模拟验证器可能存在实现缺陷，无法正确处理largeBlob扩展的支持判断。建议使用真实的硬件验证器（如支持largeBlob的YubiKey型号）进行测试：

• 如果使用支持largeBlob的验证器，应能正常返回扩展结果；
• 如果使用不支持的验证器，浏览器应按规范抛出错误。

3. 检查扩展参数的写法兼容性 #

部分早期浏览器版本可能仅支持简化的扩展参数写法，尝试将扩展配置从对象形式改为字符串：

extensions: {
    largeBlob: "required" // 替代 { support: "required" }
},

4. 补充验证器选择参数 #

虽然规范未强制要求，但结合userVerification参数可能触发浏览器更严格的扩展检查逻辑，尝试修改authenticatorSelection：

authenticatorSelection: {
    requireResidentKey: true,
    userVerification: "required" // 添加此行
},

5. 手动检查扩展结果（临时解决方案） #

由于部分浏览器存在规范实现偏差，即使设置support: "required"也不会主动抛出错误，可在代码中手动校验扩展结果：

function auth() {
    navigator.credentials.create({ publicKey })
        .then(function (newCredentialInfo) {
            const extensionResults = newCredentialInfo.getClientExtensionResults();
            console.log(extensionResults);
            
            // 手动校验largeBlob是否被支持
            if (!extensionResults.largeBlob || !extensionResults.largeBlob.supported) {
                throw new Error("largeBlob扩展未被验证器支持");
            }
            
            // 后续业务逻辑
        }).catch(function (err) {
            console.error(err);
        });
}

6. 确认运行环境 #

WebAuthn要求除localhost外必须使用HTTPS环境，虽然localhost允许非HTTPS，但部分扩展功能可能在非HTTPS环境下被限制。可尝试使用本地HTTPS服务器（如mkcert生成证书）测试，排除环境因素影响。

内容的提问来源于stack exchange，提问作者Tilman Kieselbach