如何在静态的本地HTML文件中使用Web蓝牙？

<script>
  // 检查浏览器是否支持Web蓝牙API
  if ('bluetooth' in navigator) {
    // Web蓝牙API可用
    // 在这里编写你的蓝牙代码
  } else {
    // 浏览器不支持Web蓝牙API
    alert('你的浏览器不支持Web蓝牙API');
  }
</script>

<script>
  if ('bluetooth' in navigator) {
    navigator.bluetooth.requestDevice({
      filters: [{ name: '设备名称' }]
    })
    .then(device => {
      // 连接到选定的设备
      return device.gatt.connect();
    })
    .then(server => {
      // 在设备上执行操作
      // 例如读取、写入特征值等
    })
    .catch(error => {
      // 处理错误
      console.error('连接设备时发生错误：', error);
    });
  } else {
    alert('你的浏览器不支持Web蓝牙API');
  }
</script>

<script>
  if ('bluetooth' in navigator) {
    navigator.bluetooth.requestDevice({
      filters: [{ name: '设备名称' }]
    })
    .then(device => {
      return device.gatt.connect();
    })
    .then(server => {
      // 获取设备的GATT服务
      return server.getPrimaryService('service_uuid');
    })
    .then(service => {
      // 获取服务中的特征值
      return service.getCharacteristic('characteristic_uuid');
    })
    .then(characteristic => {
      // 读取特征值的值
      return characteristic.readValue();
    })
    .then(value => {
      // 处理读取到的值
      console.log('读取到的值：', value);
    })
    .catch(error => {
      console.error('与设备通信时发生错误：', error);
    });
  } else {
    alert('你的浏览器不支持Web蓝牙API');
  }
</script>