如何使Web蓝牙对按钮在作为chrome应用程序运行时工作

"permissions": [
  "bluetooth",
  "bluetoothDevices",
  "serial"
]

<button id="bluetoothButton">连接蓝牙设备</button>

const bluetoothButton = document.getElementById('bluetoothButton');
bluetoothButton.addEventListener('click', connectToDevice);

async function connectToDevice() {
  try {
    const device = await navigator.bluetooth.requestDevice({
      filters: [{ services: ['<your_service_uuid>'] }]
    });
    // 连接到设备并执行相应操作
  } catch (error) {
    console.error('连接蓝牙设备时出错：', error);
  }
}

async function connectToDevice() {
  try {
    const device = await navigator.bluetooth.requestDevice({
      filters: [{ services: ['<your_service_uuid>'] }]
    });
    const server = await device.gatt.connect();
    const service = await server.getPrimaryService('<your_service_uuid>');
    const characteristic = await service.getCharacteristic('<your_characteristic_uuid>');
    // 执行相应操作，例如读取特征值
    const value = await characteristic.readValue();
    console.log('读取到的特征值：', value);
  } catch (error) {
    console.error('连接蓝牙设备时出错：', error);
  }
}