如何调用iOS/Android内置二维码扫描器并传入WiFi参数

首先明确：网页无法通过JavaScript直接调用iOS/Android的内置二维码扫描器并传入自定义字符串参数——浏览器的沙箱安全机制限制了网页对系统原生应用私有接口的访问，且两大系统均无公开通用的URI Scheme支持该操作。

不过你可以通过以下方案实现类似需求：

1. 网页内生成WiFi二维码（跨平台通用） #

这是最可靠的方案，利用系统扫码器识别网页生成的二维码触发WiFi连接：

• 构造符合标准格式的WiFi配置字符串：

  WIFI:S:{ssid};T:{type};P:{password};H:{hidden};
  

  （参数说明：S是WiFi名称，T是加密类型（WPA/WPA2/WEP或空），P是密码，H表示是否为隐藏WiFi（true/false），末尾可保留双分号兼容部分系统）
• 用纯JS二维码生成库（如QRCode.js）将字符串转为二维码图片，嵌入网页。示例代码：

  // 替换为实际的WiFi参数
  const ssid = "MyHomeWiFi";
  const type = "WPA";
  const password = "MySecurePass123";
  const hidden = "false";
  
  const wifiString = `WIFI:S:${ssid};T:${type};P:${password};H:${hidden};`;
  // 页面需提前准备id为qrcode的容器元素
  new QRCode(document.getElementById('qrcode'), {
    text: wifiString,
    width: 220,
    height: 220,
    colorDark: "#000000",
    colorLight: "#ffffff"
  });
  

• 引导用户操作：提示用户打开系统自带的扫码工具（iOS用相机直接扫，Android用系统扫码功能），扫描页面上的二维码，系统识别后会自动弹出WiFi连接确认框。

2. Web NFC（仅特定Android设备支持） #

如果目标用户使用Android 10+且浏览器支持Web NFC（如Chrome），可尝试通过Web NFC API将WiFi配置写入NFC标签，用户贴近标签即可触发连接。但该方案需要用户持有NFC标签，适用场景较窄，不如二维码方案通用。

关于自定义URI Scheme的补充 #

iOS和Android均无公开的系统级URI Scheme支持启动扫码器并传入预定义内容：

• iOS：相机的URI Scheme仅能启动相机应用，无法指定扫码内容或触发特定识别逻辑；
• Android：无通用的系统扫码器调用接口，部分厂商的定制系统可能有私有接口，但网页无法访问，且不具备跨设备兼容性。

内容的提问来源于stack exchange，提问作者Xiaojiba