如何在WebUSB中找到正确的USB设备configuration与interface进行使用？

1. 如何确定使用的configuration和interface #

既可以提前预置信息，也可以通过代码自动检测：

• 常规的自定义设备建议提前预置对应设备的vendorId（VID）、productId（PID）与配置、接口编号的映射表，直接读取映射值调用即可。你示例中直接选择配置0、接口0的写法仅可用于极简单的自定义测试设备，注意USB的configuration编号从1开始，传0会触发无效配置错误
• 标准类设备可以通过USB规范定义的类属性自动筛选，每个interface的alternates属性下会携带interfaceClass、interfaceSubclass、interfaceProtocol三个值，对应USB官方定义的设备类编码，直接按编码过滤即可

2. 热敏打印机、摄像头类设备的自动检测实现 #

这类标准USB设备可以实现自动检测，无需提前预置所有设备的PID：

• 热敏打印机属于标准USB打印机类，对应interfaceClass值为7，过滤出符合该类的接口即可使用
• 摄像头如果是标准UVC设备，对应interfaceClass值为14，注意常规网页调用摄像头优先使用浏览器自带的MediaDevices系列API，WebUSB仅适合需要自定义底层控制的场景
  参考筛选代码：

// 筛选打印机接口示例
async function getPrinterInterface(device) {
  // 优先选择第一个可用配置，大多数设备仅存在1个有效配置
  if (!device.configuration) await device.selectConfiguration(1);
  return device.configuration.interfaces.find(iface => {
    return iface.alternates[0].interfaceClass === 7
  })
}

3. 接口占用检查方法 #

不需要逐一检查所有interface，仅需要检查你要使用的目标接口即可：

• WebUSB没有提供预检查接口是否被占用的专用API，直接调用claimInterface捕获异常即可判断：如果接口被系统驱动、其他页面或进程占用，调用该方法会抛出NotAllowedError异常
• 如果设备整体已经被其他连接占用，调用device.open()阶段就会抛出异常，不需要到声明接口的步骤
  参考检查代码：

async function checkAndClaimInterface(device, interfaceNum) {
  try {
    await device.claimInterface(interfaceNum)
    return { success: true }
  } catch (err) {
    if (err.name === 'NotAllowedError') {
      return { success: false, reason: '接口已被占用或无访问权限' }
    }
    throw err
  }
}

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