我之前做Web Bluetooth项目时也碰到过一模一样的问题！当时在requestDevice()的回调里连接完全正常，但保存设备后在外部调用connect()就一直卡着没反应，后来才搞清楚是Chrome的安全限制和设备对象有效性的问题。

问题根源 #

1. 安全上下文限制：Chrome要求所有BLE操作（包括重连）必须在用户主动触发的事件（比如点击按钮、触摸操作）中执行，不能在页面加载、定时器这类非用户交互的上下文里调用，否则会静默失败（就是你看到的一直等待无返回结果的情况）。
2. 设备对象失效：你之前保存的设备对象只是一个临时引用，页面刷新或过一段时间后，这个对象的内部状态可能已经失效，直接调用connect()是无效的，必须重新从系统获取已配对的设备列表。

具体解决步骤 #

1. 使用navigator.bluetooth.getDevices()获取已授权设备

这个API可以获取用户之前通过requestDevice()授权并保存的所有BLE设备，是实现重连的核心。

2. 确保重连操作由用户交互触发

一定要把重连逻辑放在按钮点击、触摸这类用户主动操作的事件回调里，不能自动执行。

3. 完整代码示例

// 给重连按钮绑定点击事件
document.querySelector('#reconnect-btn').addEventListener('click', async () => {
  try {
    // 获取所有已授权的BLE设备
    const pairedDevices = await navigator.bluetooth.getDevices();
    
    // 根据设备名称或UUID过滤出目标设备
    const targetDevice = pairedDevices.find(device => {
      return device.name === 'Android BLE Peripheral Simulator';
      // 也可以用UUID过滤：device.uuids.includes('你的设备UUID')
    });

    if (!targetDevice) {
      alert('未找到已配对的目标设备，请先完成首次配对');
      return;
    }

    // 尝试连接GATT服务器
    const gattServer = await targetDevice.gatt.connect();
    console.log('重连成功！已连接到GATT服务器');

    // 后续正常操作服务和特征
    const targetService = await gattServer.getPrimaryService('你的服务UUID');
    const targetCharacteristic = await targetService.getCharacteristic('你的特征UUID');
    // ... 读写特征等操作
  } catch (error) {
    console.error('重连失败：', error);
    alert(`重连出错：${error.message}`);
  }
});

额外注意事项 #

• 你的Chrome 64版本已经支持getDevices()API，但要确保首次配对时用户勾选了“记住此设备”（requestDevice()的选项里要设置acceptAllDevices: true或指定服务UUID，同时用户授权时允许保存设备）。
• Mac OSX 10.13的蓝牙偶尔会有缓存问题，如果重连一直失败，可以试试重启Chrome，或者在Mac蓝牙设置里断开再重新配对设备。
• Android BLE Peripheral Simulator要保持前台运行，避免系统休眠导致设备不可连接。

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