纯js如何知道Web Serial API选中那个com

纯JavaScript在使用Web Serial API时，选择特定的COM端口通常是在用户界面中操作后，根据用户的交互来确定。以下是一个简单的示例，说明如何获取并显示用户选择的COM端口：

1. 首先，确保浏览器支持Web Serial API，如前所述。

if (window.navigator.serial) {
  // API可用
} else {
  console.log('Web Serial API is not supported');
  return;
}

// 获取所有串口
navigator.serial.getPorts().then(ports => {
  // 创建一个下拉菜单或列表，展示可用的COM端口
  const portSelect = document.createElement('select');
  ports.forEach(port => {
    const option = document.createElement('option');
    option.value = port.label;
    option.textContent = port.label;
    portSelect.appendChild(option);
  });

  // 用户选择后添加事件处理器
  portSelect.addEventListener('change', function() {
    const selectedPort = portSelect.value;
    console.log('Selected COM port:', selectedPort);
    // 这里可以根据选定的端口进行后续操作，比如打开连接等
  });

  // 将下拉菜单添加到页面上
  document.body.appendChild(portSelect);
}).catch(e => {
  console.error('Error getting ports:', e);
});

在这个例子中，当用户从下拉框中选择一个COM端口时，会触发`change`事件，然后你可以读取选中的值来确定哪个COM口被选中。