Я пытаюсь использовать chrome .usb, чтобы разрешить моему сайту подключаться к USB-устройству. Я работаю на Windows 10. Я следую этому уроку https://developers.google.com/web/updates/2016/03/access-usb-devices-on-the-web. Я установил заголовок Feature-Policy, который я вижу на вкладке сети консоли chrome, но все равно получаю следующее сообщение об ошибке: DOMException: Access to the feature "usb" is disallowed by feature policy. Мой код приведен ниже. Пожалуйста, дайте мне знать, если у вас есть какие-либо идеи.
index. html
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="author" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<p>Hello, world!</p>
<button id="connect">Connect</button>
<script>
document.getElementById("connect").addEventListener("click", () => {
navigator.usb
.requestDevice({ filters: [{ vendorId: 0x2341 }] })
.then(device => {
console.log(device.productName); // "Arduino Micro"
console.log(device.manufacturerName); // "Arduino LLC"
})
.catch(error => {
console.log(error);
});
});
</script>
</body>
</html>
server. html
var app = express();
var path = require("path");
const hostname = "127.0.0.1";
const port = 3000;
app.get("/", (req, res) => {
res.setHeader("Feature-Policy", "usb '*'");
res.status(200);
res.sendFile(path.join(__dirname + "/index.html"));
});
app.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});
заголовки:
