DeviceOrientationEvent并不能在所有服务器上工作

Question

我已经在我的电脑上的虚拟机上安装了软呢帽，当我在手机上查看网站时，我一直试图让deviceOrientation事件触发。

它一直没有工作，所以使用这个线程的答案：如何检查完全支持面向设备事件的设备/浏览器？，我运行了这段代码来检查它是否被支持：

if (window.DeviceOrientationEvent && 'ontouchstart' in window) {
    // setup real compass thing, with event.alpha
    document.write("haz!");
} else {
    // setup some mouse following hack
    document.write("nope");
}

这导致了“不”。但是我知道我的手机支持deviceOrientation，因为MDN上的例子是可行的。

然后，我把完全相同的文件上传到我自己的网站上，瞧，它给了我"haz!“。

我不知道我使用的服务器为什么会对是否支持deviceOrientation产生影响。我唯一能想到的是，它可能需要SSL，但在任何文档中都没有提到SSL，而且我以前在一个托管在raspberry pi上的网站上使用过deviceOrientation，该网站没有SSL。

Answer 1

从第76版起，Chrome要求您所在的页面通过https服务。

这可以通过这个小提琴看到，它将输出nope，而同样的https://将输出haz!，就像下面的片段一样，它通过https:提供服务。

​

if (window.DeviceOrientationEvent) {
    console.log("haz!");
} else {
    console.log("nope");
}

​

引入此限制的这是铬虫。

请注意，如果它只是为了您自己的目的，那么您可以利用它启动您的Chrome与--unsafely-treat-insecure-origin-as-secure，显然是在移动版本上也可以这样做 (虽然我没有测试自己)。