浏览器重启后WebUSB配对丢失，如何设置让Chrome永久记住配对？

问题根因 #

Chrome默认不会持久化存储WebUSB的设备配对权限，仅会在当前浏览器会话周期内保留权限，会话结束（浏览器关闭/电脑重启）后权限自动失效，这是WebAPI的默认安全策略。

解决方案 #

一、Chrome浏览器设置调整

• 首先进入Chrome的USB权限设置页：地址栏输入chrome://settings/content/usbDevices直接访问
• 找到「允许网站访问USB设备」板块，点击「添加」按钮
• 输入你自行开发应用的完整域名（要和调用WebUSB的页面域名完全一致，包含http/https前缀、端口号（如果是非默认端口）），点击添加确认
• 如果你的应用是HTTP协议仅在本地内网使用，需要额外配置chrome://flags/#unsafely-treat-insecure-origin-as-secure，把你的应用域名加入列表，启用该标记后重启浏览器，避免非HTTPS环境下WebUSB权限被限制。

二、JavaScript代码适配

你可以在应用初始化阶段自动请求已授权的设备，不需要用户每次手动点击配对按钮触发选择：

注意：该操作仅能拉取到用户之前已经完成过配对的设备，无法静默请求未配对过的设备，符合WebUSB的安全规范

代码示例：

async function getPairedUsbPrinter() {
  // 过滤你的惠普热敏打印机的Vendor ID和Product ID，可在系统设备管理器中查询对应值
  const filters = [
    { vendorId: 0x03F0, productId: 0xXXXX } // 0x03F0是惠普的标准Vendor ID，productId替换为你的打印机实际值
  ];
  try {
    // 先尝试获取已授权的设备列表
    const devices = await navigator.usb.getDevices();
    const matchedPrinter = devices.find(device => 
      device.vendorId === filters[0].vendorId && device.productId === filters[0].productId
    );
    if (matchedPrinter) {
      // 直接打开已配对的设备，不需要用户二次操作
      await matchedPrinter.open();
      return matchedPrinter;
    } else {
      // 没有找到已授权设备，触发用户手动配对流程
      const newDevice = await navigator.usb.requestDevice({ filters });
      await newDevice.open();
      return newDevice;
    }
  } catch (error) {
    console.error("USB设备连接失败：", error);
    return null;
  }
}

// 应用初始化时直接调用即可
getPairedUsbPrinter().then(printer => {
  if (printer) {
    // 执行后续打印逻辑
  }
});

额外注意事项 #

• 不要使用Chrome的无痕/访客模式，该模式下所有权限都会在关闭后自动清除，无法持久化
• 如果是企业批量部署，可以通过Chrome企业组策略配置WebUsbAllowDevicesForUrls规则，批量给指定域名开放指定USB设备的永久访问权限，不需要用户手动配置

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