我们正在使用 jQuery mobile 编写一个移动应用程序，并在 Chrome 中进行大部分 javascript 调试。然而，我无法测试的一件事是方向变化，从纵向到横向，反之亦然。我必须使用手机来触发该事件，并且无法在没有 Chrome 的情况下调试 javascript window.orientationchange 事件。
或者看起来是这样。有没有办法在 Chrome 中以某种方式模拟这个事件？
问问题
7471 次
2 回答
5
由于桌面设备没有任何真正的方向变化，就像移动设备一样，听orientationchange. 不过，您可以通过调整浏览器窗口的大小来模拟方向。
大卫沃尔什写了一篇关于这个的文章：http: //davidwalsh.name/orientation-change
于 2012-10-24T15:14:13.290 回答
1
一种基于方向测试媒体查询的方法：
Google Chrome 的 Window Resizer 扩展使您能够以纵向或横向查看和测试您的站点。安装后，它的预定义大小为 320 x 480，jQuery 使用 $.event.special.orientationchange.orientation() 返回的方向将是“纵向”。我为横向添加了 480 x 320 的新尺寸，并指出了移动设备的“屏幕类型”。在 480 x 320 尺寸下，jQuery 使用 $.event.special.orientationchange.orientation() 返回的方向将是“风景”。
这不允许您专门测试方向更改事件，但它对于基于方向测试媒体查询非常有用。
于 2013-01-31T18:54:08.703 回答