javascript - 通用传感器 API 不适用于本地主机

Question

我正在尝试在我的项目中使用通用传感器 API(陀螺仪)我已经查找了有关 W3C 和英特尔 Github 的文档以及 https://mobiforge.com/design-development/the-generic-sensor-api我创建/复制了 https://mobiforge.gitlab.io/sensors/gyroscope.html此 HTML 页面引用 javascript 当我使用此链接或我的 github 链接打开时它工作正常:Screen Shot of my github page nishanksisodiya.github.io/gyro

但是当我用我的笔记本电脑上运行的 flask 服务器打开它时，它给出了 Gyroscope not supported 错误 Screen Shot my localhost page

    let status = document.getElementById('status');
    if ( 'Gyroscope' in window ) {
        let sensor = new Gyroscope();
        sensor.addEventListener('reading', function(e) {
            status.innerHTML = 'x: ' + e.target.x + '<br> y: ' + e.target.y + '<br> z: ' + e.target.z;
        });
        sensor.start();
    }
    else status.innerHTML = 'Gyroscope not supported';

这是我使用的 javascript。任何帮助将不胜感激。

Answer 1

我自己在使用通用传感器 API 时遇到了很多困难，并发现 rarely mentioned 中的一个它工作的要求是它必须在安全的上下文中使用。这意味着托管域的 SSL 证书。哪个...会使本地开发变得非常困难，对吗？

好吧，我已经找到了解决这个问题的方法 localtunnel .

然而，部署...是另一回事。一段时间以来，我遇到了一些问题，现在将它移到我已经研究了多年的这个 React 应用程序上的 webpack 开发服务器之外。非常感谢任何帮助。

PS:我发现的最奇怪的东西，应该是only be supported by Chrome version 67+ .但是继续点击this link与任何其他移动浏览器一起工作。只是。美好的。 ？？？