如何解决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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。