Web USB/Serial API控制KAA332-LH LED灯带问题求助

解决Web USB的Access denied错误 #

针对你的Prolific设备（vendorId: 1659, productId: 9123），从以下几个方向排查权限问题：

• 驱动兼容性调整
  大部分Prolific串口转USB芯片的默认驱动会锁定设备访问权限，导致浏览器无法通过Web USB打开。建议替换为支持WebUSB的驱动版本，或者在设备管理器中找到该设备，进入「属性-安全」选项卡，给当前用户分配读取/写入权限。

• 严格遵循浏览器权限规则
  Web USB要求必须在用户主动触发的事件（比如按钮点击）中发起设备请求，且过滤规则要精准匹配设备ID。示例代码：

  document.getElementById('connect-usb').addEventListener('click', async () => {
    try {
      // 精准匹配你的设备ID
      const device = await navigator.usb.requestDevice({
        filters: [{ vendorId: 1659, productId: 9123 }]
      });
      await device.open();
      await device.selectConfiguration(1); // 通常设备默认配置为1
      await device.claimInterface(0); // 接口编号需根据设备实际情况调整
      console.log('设备已成功打开');
    } catch (err) {
      console.error('打开失败:', err);
    }
  });
  

• 系统级权限配置（针对Linux/macOS）
  Linux环境下需要添加udev规则赋予设备通用访问权限：

  1. 创建规则文件 /etc/udev/rules.d/99-prolific-webusb.rules，内容如下：

     SUBSYSTEM=="usb", ATTR{idVendor}=="067b", ATTR{idProduct}=="23a3", MODE="0666"
     

     （注：1659转十六进制是067b，9123转十六进制是23a3）
  2. 重新加载udev规则：

     sudo udevadm control --reload-rules && sudo udevadm trigger
     

  macOS环境下可能需要在「系统设置-隐私与安全性」中允许浏览器访问USB设备。

Web Serial指令参考（临时替代方案） #

既然Web Serial能正常打开端口，你需要先确认LED灯带的串口控制协议，步骤如下：

1. 用串口调试工具（比如Windows串口助手、minicom）连接设备，设置对应波特率（常见9600、115200），测试发送指令找到开关逻辑：
   • 通常简单灯带会用单字节指令，比如0x01开、0x00关
   • 部分设备可能用ASCII指令，比如发送"ON\n"开启，"OFF\n"关闭
2. 用Web Serial实现对应逻辑，示例代码：

   document.getElementById('led-on').addEventListener('click', async () => {
     const port = await navigator.serial.requestPort();
     await port.open({ baudRate: 9600 }); // 替换为设备实际波特率
     const writer = port.writable.getWriter();
     // 示例：发送0x01开启LED
     await writer.write(new Uint8Array([0x01]));
     writer.releaseLock();
     await port.close();
   });
   

内容的提问来源于stack exchange，提问作者Marek Miś