确保浏览器和操作系统已更新至最新版本,并启用了 WebOTP API 的支持。
确保页面上存在绑定了 SMS 接收器的输入元素,并针对该元素使用了合适的自动填充属性,如 autocomplete="otp" 或 autocomplete="one-time-code"。
针对 WebOTP API 调用,确保已设置正确的权限,并在需要时获取用户授权。
在 JavaScript 代码中,使用以下方式触发自动填充机制:
navigator.credentials.get({ otp: { transport:['sms'] } }).then((cred) => {
document.getElementById('otp-input').value = cred.response;
});
其中,'otp-input' 为需要自动填充的输入元素 id。此代码段将请求用户授权,并使用 SMS 接收器自动填充输入框。