javascript - 在 iFrame 中引用时，“设备方向”不会在 iOS 浏览器中触发
<p><p>我正在制作一个在 iframe 中运行“360 全景查看器”的网站，其中源页面使用 JavaScript 和 <code>window.DeviceOrientationEvent</code> 来确定用户是否在具有方向功能的移动设备上。我在 iOS Safari 和 Chrome 上看到了一些奇怪的行为:</p>
<blockquote>
<p><code>window.DeviceOrientationEvent</code> evaluates to true, but <code>deviceorientation</code> event is never triggered. </p>
</blockquote>
<p>Android Chrome 并非如此 - 当在 iFrame 中使用时，事件会按预期连续触发。 </p>
<p>直接访问页面时(在 iOS 上)，我看到了事件触发。好像在 iframe 中使用它会以某种方式“阻止”此事件。</p>
<p>这对我来说毫无意义，研究它揭示的信息很少，除了一些模糊的迹象 它实际上可能与 CORS 相关 - iframe 源是否与相同的根域父页面。这对我来说更没有意义..</p>
<p>有人知道吗？</p>
<p> <a href="http://forums.tumult.com/t/control-gravity-device-tilt-not-working-ios-iframe/6307" rel="noreferrer noopener nofollow">1</a>
<a href="https://stackoverflow.com/questions/16018114/ipad-orientation-info-gathered-from-a-child-object-like-iframe" rel="noreferrer noopener nofollow">2</a> </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>对于现在遇到此问题的任何人，Apple 似乎自 iOS 12.2 以来已禁用 <code>deviceorientation</code> API。用户现在需要在 <code>Settings > Safari > Motion and Orientation access</code> 中显式切换它。见 <a href="https://github.com/w3c/deviceorientation/issues/57" rel="noreferrer noopener nofollow">here</a>供讨论。</p></p>
<p style="font-size: 20px;">关于javascript - 在 iFrame 中引用时，“设备方向”不会在 iOS 浏览器中触发，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/37262953/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/37262953/
</a>
</p>
页:
[1]