6

使用this question中的一些代码，我设置了一些代码来检测android设备何时旋转。它适用于华硕平板电脑（4.0.3）和两个模拟器（4.0.3 和 2.1），但对于 kindle fire（2.3.4）和 droidx（2.3.4），它会切换宽度和高度。

代码：

<script type="text/javascript">
    var supportsOrientationChange = "onorientationchange" in window,orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

    window.addEventListener(orientationEvent, function() {
        alert("The rotation is " + window.orientation + " and the resolution is " + screen.width + " x " + screen.height);
        modRule();
    }, false);
</script>

华硕平板电脑的输出

把它放在看起来像风景的地方：

旋转为0，分辨率为1280 x 800

肖像

旋转为 -90，分辨率为 800 x 1280

Kindle Fire 的输出

景观

旋转为 90，分辨率为 600 x 819

肖像：

旋转为 0 分辨率为 1024 x 395

来自 droidx 的输出

景观：

旋转为 90，分辨率为 320x488

肖像：

旋转为0，分辨率为569x239

有没有办法我可以

a) 让 javascript 检测它是否应该使用高度而不是宽度或宽度而不是高度

或者

b) 让设备报告其宽度和高度的正确值？

4

1 回答 1

1

又找了一会儿，我发现这是 2.2 和 2.3 操作系统的一个错误。我通过将此代码放入我的应用程序中修复了 2.3.4 的错误。

browser = (WebView)findViewById(R.id.webBrowser);
browser.setBackgroundColor(Color.BLACK);
WebSettings webSettings = browser.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setUserAgentString("Android " + android.os.Build.VERSION.SDK);//this is so the JavaScript knows what version of the OS I'm using

然后检测我是否处于横向模式：

var uagent = navigator.userAgent.toLowerCase();
function isLandscape()
{
    var width = screen.width;
    var height = screen.height;
    if (isBugged())
    {
        var temp = width;
        width = height;
        height = temp;
    }
    var landscape = width > height;
    return landscape;
}

function isBugged()
{
    return uagent == "android 10"
}

如果这还不够令人困惑，那么当身体最初加载时，它是否处于横向模式是正确的。所以我不得不绕过我自己的解决方法。

<body onload="if(isBugged()){uagent = 'bypass';}/*code that depends on isLandscape()*/;uagent = navigator.userAgent.toLowerCase();">

这是一个真正的痛苦，比它应该做的工作要多得多。特别是因为它适用于 2.1 而不是 2.3.4。真的很沮丧，但这就是我所拥有的。目前，我只检查 sdk 10，我将很快添加对其他错误版本的检查。

于 2012-04-12T22:18:13.760 回答