Javascript 设备定向未按预期工作

我正在用deviceorientation侦听器尝试一些代码，但它并没有像我预期的那样工作。我尝试了两种不同的方法（如下所示），当手动更改Chrome的调试器传感器时，这两种方法都可以正常工作，但是，我无法让它在任何移动设备上自动工作

我将此网站用作参考和演示：

-

-

上面的演示在我的手机上运行得很好，但是当我尝试将相同的代码实现到我正在处理的东西中时，什么都没有发生

export class AppComponent {
    absolute: boolean = false;
    alpha: number = 0;
    beta: number = 0;
    gamma: number = 0;
    private orientation$ = fromEvent(window, 'deviceorientation');

    constructor() { }

    ngAfterViewInit() {
    // Method 1
        window.addEventListener('deviceorientation', (e) => console.log(e));

    // Method 2
        this.orientation$.subscribe((res: any) => console.log(res));
    }
}

---

你知道我遗漏了什么吗？

你在手机上使用Chrome吗？如果你没有在一个安全的（

https://

）URL上托管你的测试页面，Chrome将不会提供方向。哇，这是可行的，我不知道这是一件事。你有消息来源吗？我很想多读一点。谢谢你的帮助！幸运的是，上周我只是在玩那些东西，我在某处无意中提到了它；也许是CanIUse或类似的东西。这是对Chrome的一个相当新的更改。它在规范中说，它只在安全上下文中触发@无论出于什么原因，移动Firefox都会在不安全的页面上触发事件，所以这就是我偶然发现这个问题的原因（或者我猜是没有问题）。