Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

WebOTP

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

Experimental: これは実験的な機能です。

本番で使用する前にブラウザー互換性一覧表をチェックしてください。

WebOTP API の OTPCredential インターフェイスは、新しいワンタイムパスワードを取得したときに返す属性を持ちます。

Credential OTPCredential

セキュリティ・API

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`OTPCredential` 実験的	93	93			84
`get (otp option)` 実験的 otp`オプション	93	93			84
`code` 実験的 OTPCredential インターフェイスの code プロパティは、ワンタイムパスワードを返します。	93	93			84
その他
`html.elements.iframe.allow.otp-credentials` 実験的	93	93			84
`http.headers.Permissions-Policy.otp-credentials` 実験的 HTTP の Permissions-Policy ヘッダーにおける otp-credentials ディレクティブは、現在の文書が WebOTP API を使用して、アプリのサーバーから送信された特別な形式の SMS メッセージからワンタイムパスワード (OTP) をリクエストすること、すなわち {{domxref("CredentialsContainer.get", "navigator.credentials.get({otp: ..., ...})")}} を許可するかどうかを制御します。	93	93			88

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

const otp = await navigator.credentials.get({
  otp: { transport: ['sms'] }
});
if (otp) {
  document.getElementById('otp-input').value = otp.code;
}

WebOTP の活用

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。