iOS Safari的iframe无法获取设备方向和动作事件

Question

我试图了解HTML5设备定位API。当我在浏览器上打开它们时，我发现很少有在Android和iOS上运行良好的演示。

演示：https://www.audero.it/demo/device-orientation-api-demo.html

现在，当我将这些网页包含在iframe中并在Android（chrome）中打开时，它按预期工作。但是，在iOS Safari中，页面没有做任何事情。看起来window.DeviceOrientationEvent是真的，但iframe内没有触发deviceorientation事件。

演示：http://output.jsbin.com/sumevugiga/1

这是预期还是我在这里做错了什么？

Answer 1

在orientationchange上添加一个事件监听器

document.addEventListener('orientationchange', function () {
  isLandScape = Math.abs(window.orientation) == 90;
  // handle_orientation_change
});