HTML5转APP后无法直接读取短信验证码,因系统安全限制禁止Webview访问短信数据库;唯一合规方案是使用autocomplete=”one-time-code”的自动填充,需短信格式规范、HTTPS环境及用户开启系统自动填充开关。
HTML5转APP后无法直接读取短信验证码
不能。HTML5打包成的App(如用Cordova、Capacitor、uni-app等)默认没有Android/iOS原生权限去监听短信内容,系统层面禁止网页或Webview直接访问短信数据库,这是平台级安全限制。
常见错误现象:document.querySelector('input[type="tel"]').value 无法自动填入短信中的6位码;用户仍需手动复制粘贴。
- Android 8+ 要求显式申请
READ_SMS权限,且 Google Play 已禁止大多数非默认短信应用使用该权限 - iOS 完全不开放短信读取API给第三方Webview容器
- 即使插件声称“支持”,实际在新系统上大概率被拒审或静默失败
替代方案:用Web标准的SMS OTP自动填充(无需权限)
现代浏览器和系统支持基于格式识别的自动填充,前提是短信符合特定结构,且页面正确标记。这是唯一合规、稳定、无需原生权限的方式。
- 短信必须以
【品牌名】开头(中括号为必需),例如:【支付宝】您的验证码是123456,5分钟内有效。 - 输入框需带
autocomplete="one-time-code"属性,并设type="text"(不要用type="number",会破坏匹配) - 确保页面在 HTTPS 下运行(HTTP 域名下该功能被禁用)
- Android Chrome / iOS Safari 均支持,但需用户开启系统级“自动填充验证码”开关(设置 > 密码与账户 > 自动填充服务)
示例代码:
立即学习“前端免费学习笔记(深入)”;