title: Bluetooth connectivity using PWA
body: <p>According to PWA <a href="https://i.stack.imgur.com/D4Fud.png" rel="nofollow noreferrer">Web Bluetooth documentation</a>, it supports "either a BR/EDR or LE connection".</p>
  
  <p>I am trying to test using the following code at the console of the Chrome devtools:</p>
  
  <pre><code>navigator.bluetooth.requestDevice({
    acceptAllDevices: true,
  })
  .then(device =&gt; {
    // Human-readable name of the device.
    console.log(device.name);
    console.log(device.id);
    // Attempts to connect to remote GATT Server.
    return device.gatt.connect();
  })
  .then(server =&gt; { /* ... */ })
  .catch(error =&gt; { console.error(error); });
  </code></pre>
  
  <p>I am using a Bluetooth music box to test it. It is recognized as "XTREME" as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/D4Fud.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D4Fud.png" alt="enter image description here"></a></p>
  
  <p>When I select the "XTREME" device and click "PAIR", I get an "Unsupported device" error at the console as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/9ybEn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9ybEn.png" alt="enter image description here"></a></p>
  
  <p>I've tried many other Bluetooth devices and got the same "Unsupported device" message. 
  What is going on? Isn't it supposed to be supported? How do I know which device is supported? Ideally, what do I do to know if my specific target device will be supported?</p>
  
  <p>Please help!</p>
  
  <p>Tks!</p>