chrome navigator.serial的初学者问题

问题描述

我正在通过“ navigator.serial”在chrome浏览器中使用串行端口访问。

我的初始实验是基于先前发布到stackoverflow的：

Is there an example site that uses navigator.serial?

我已经复制了上面引用的代码示例，并再次进行了如上所述的所需配置更改＃enable-experimental-web-platform-features。

我正在Ubuntu 18.04上完成所有这些工作。机器上有两个USB串行端口，我已经使用gtkterm验证了我可以在两个端口之间发送和接收数据。

从给出的示例（下面重复的代码）中，我发现我可以打开串行端口并建立一个“读取器”，而步骤await reader.read（）会一直等到传入字符出现在串行端口上，但是此时变量/对象“数据”仍未定义。两个问题/问题：

我在做什么错而导致“数据”未定义？我添加了一个alert（）对话框，一旦const {done,data} = await reader.read();继续执行，该对话框就会弹出，但是，该对话框显示“数据”当时未定义。数据是我无法等待实现的诺言吗？
我无法找到有关方法和所涉及类的成员的（希望是独立的）引用（即reader.read（）和reader.write（）是我的对象可用的方法） “ readeer”；在哪里可以找到可用方法的列表以及这些方法的属性？

这是从上一年的发布中获得的代码（小型网页）的副本：

<html>
<script>
var port;
var buffy = new ArrayBuffer(1);
var writer;
buffy[0]=10;
const test = async function () {
    const requestOptions = {
      // Filter on devices with the Arduino USB vendor ID.
      //filters: [{ vendorId: 0x2341 }],};

    // Request an Arduino from the user.
    port = await navigator.serial.requestPort(requestOptions);

    // Open and begin reading.
    await port.open({ baudrate: 115200 });
    //const reader = port.in.getReader();
    const reader = port.readable.getReader();
    writer = port.writable.getWriter();
    //const writer = port.writable.getWriter();
    //writer.write(buffy);
    while (true) {
      const {done,data} = await reader.read();
      if (done) break;
      console.log(data);
    }
} // end of function
</script>
<button onclick="test()">Click It</button>
</html>

谢谢您的帮助！

解决方法

我遇到了完全相同的问题，并设法解决了这个问题。

更改

const {done,data} = await reader.read();

收件人

const {value,done} = await reader.read();

从（和其他一些）那里得到的例子是错误的，错误的方式参差不齐。另外，不太清楚为什么，但是当我使用

const {data,done} = await reader.read();

它也不起作用，也不喜欢var数据。

navigator.serial上的文档不是很好。这里有一些帮助的链接

API（请注意，这是草稿，与Chrome实现不完全匹配） https://wicg.github.io/serial/

port.visible.getReader（）是ReadableStream

https://streams.spec.whatwg.org/#readablestream

使用ReadableStreamDefaultReader，其定义为

dictionary ReadableStreamDefaultReadResult {
    any value;
    boolean done;
};

https://streams.spec.whatwg.org/#readablestreamdefaultreader

解释者 https://github.com/WICG/serial/blob/gh-pages/EXPLAINER.md

教程 https://codelabs.developers.google.com/codelabs/web-serial

铬追踪器 https://goo.gle/fugu-api-tracker

Web Serial API工作项 https://bugs.chromium.org/p/chromium/issues/detail?id=884928

google-chrome navigator navigator