移动Safari不会触发“orientationchange" -如何调试

Mobile Safari doesn't trigger "orientationchange"—how to debug?

本文关键字：何调试调试 quot Safari orientationchange 移动更新时间：2023-09-26

我有一个网站(http://7db.9ed.myftpupload.com/)，我想显示量身定制的方向内容。当处于横向模式时，它应该显示一个宽的幻灯片，当处于纵向模式时，它应该切换到一个薄的幻灯片。

我正在尝试使用苹果在Safari网页内容指南中指定的"orientationchange"事件。

jQuery( document ).ready( function() { window.addEventListener("orientationchange", function() { console.log("the orientation of the device is now " + screen.orientation.angle); placeSlideshow(); }, false); });

这在Chrome的iOS模拟器中没有任何问题。但是，在OSX硬件模拟器和实时iOS设备中，方向改变不会发生任何变化。这不是placeSlideshow功能- safari根本不会触发方向变化。

不知道如何解决这个问题-我从哪里开始?

原来问题实际上是我添加的console.log调用。Safari不能识别属性screen.orientation.angle,，由于我不知道的原因，这个调用设法破坏了整个回调。

我删除了日志调用，一切正常工作。