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

瀏覽器相容性