javascript - 在 iFrame 中引用时，“设备方向”不会在 iOS 浏览器中触发

我正在制作一个在 iframe 中运行“360 全景查看器”的网站，其中源页面使用 JavaScript 和 window.DeviceOrientationEvent 来确定用户是否在具有方向功能的移动设备上。我在 iOS Safari 和 Chrome 上看到了一些奇怪的行为:

window.DeviceOrientationEvent evaluates to true, but deviceorientation event is never triggered.

Android Chrome 并非如此 - 当在 iFrame 中使用时，事件会按预期连续触发。

直接访问页面时(在 iOS 上)，我看到了事件触发。好像在 iframe 中使用它会以某种方式“阻止”此事件。

这对我来说毫无意义，研究它揭示的信息很少，除了一些模糊的迹象 [1, 2] 它实际上可能与 CORS 相关 - iframe 源是否与相同的根域父页面。这对我来说更没有意义..

有人知道吗？

1 2

---

Best Answer-推荐答案

对于现在遇到此问题的任何人，Apple 似乎自 iOS 12.2 以来已禁用 deviceorientation API。用户现在需要在 Settings > Safari > Motion and Orientation access 中显式切换它。见 here供讨论。

关于javascript - 在 iFrame 中引用时，“设备方向”不会在 iOS 浏览器中触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37262953/