Chrome Web Serial API 在 VueJs Web 应用程序中不起作用答案

【问题标题】：Chrome Web Serial API not working in VueJs Web appChrome Web Serial API 在 VueJs Web 应用程序中不起作用
【发布时间】：2020-12-29 12:26:22
【问题描述】：

我正在使用 Vue.js 开发一个企业网络应用程序，我想在 Chrome 中使用 Web Serial API。在我正在开发的 linux 机器上，我找到了这个 Chrome 标志 chrome://flags/#enable-experimental-web-platform-features 并启用了它。然后我做了console.log('serial' in navigator)，它返回true，这意味着该标志已启用。到目前为止一切都很好。

所以我在需要使用的公司计算机上做了同样的事情（运行 Windows 10）。我在 Chrome 中启用了该标志，重新启动它，然后在运行 Web 应用程序的选项卡上运行 console.log('serial' in navigator)，但它返回 false，这很糟糕，因为我需要它为 true。但是当我在不同的选项卡上运行该代码时，它返回 true。我的网络应用程序如何改变导航器？所以我不能在需要使用它的一台计算机上使用 Web Serial API，我不知道为什么。

感谢任何帮助。

【问题讨论】：

标签： google-chrome vue.js web-applications google-chrome-flags

【解决方案1】：

已更新。问题不是特定于 vue js，您应该使脚本从安全环境（本地主机或 ssl 安全域）执行。此草案https://wicg.github.io/serial/#security 涵盖了此安全问题。

【讨论】：

尝试更具体地说明您的答案如何解决用户问题。问题是该脚本不是来自安全环境，无论是 localhost 还是来自 ssl 安全域，并且出于安全考虑，它不允许被执行，这个安全问题确实包含在您附加的文档中。跨度>
谢谢@yuri。我更新了我的答案，从现在开始我会更具体。