在Android上的onorientationchange之后刷新window.width

时间:2012-03-02 23:02:24

标签: javascript jquery android ios mobile

我正在创建一个检测方向更改的移动网站,然后根据新的宽度选择回调。问题是,使用Android window.width之后onorientionchange不会更新。它适用于iOS,但不适用于Android。以下是我的例子:

var supportsOrientationChange = "onorientationchange" in window, orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, function() {
    alert(window.orientation + " " + window.width);
}, false);

在Android上,警报会显示正确的方向值,但window.width仍然是方向更改前的窗口大小。

1 个答案:

答案 0 :(得分:0)

不确定是否可以刷新它,但作为解决方法,您可以确定您是纵向还是横向,然后使用宽度作为高度和高度作为宽度,反之亦然。

getResources()。getConfiguration()。orientation将为您提供当前方向。