Mobile Safari 不会触发“orientationchange”——如何调试？

Question

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

我正在尝试使用 Apple 在 Safari Web 内容指南中指定的“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 根本不会触发方向更改。

无法解决这个问题——我从哪里开始？

Answer 1

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

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