OTPCredential:code 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

安全上下文: 此功能仅在安全上下文(HTTPS)中可用,且支持此功能的浏览器数量有限。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

OTPCredential 接口的 code 只读属性包含一次性密码(OTP)。

一个包含 OTP 的字符串。

示例

当收到短信时,以下代码会触发浏览器的权限流程。如果授予权限,则 promise 会解析为 OTPCredential 对象。然后将其中包含的 code 值设置为 <input> 表单元素的值,然后提交该表单。

js
navigator.credentials
  .get({
    otp: { transport: ["sms"] },
    signal: ac.signal,
  })
  .then((otp) => {
    input.value = otp.code;
    if (form) form.submit();
  })
  .catch((err) => {
    console.error(err);
  });

注意: 有关代码的完整解释,请参阅 WebOTP API 落地页。您也可以将此代码作为完整工作演示的一部分查看

规范

规范
WebOTP API
# dom-otpcredential-code

浏览器兼容性