Android 3.0 Web Dev 初始方向问题

Question

我注意到 Android（到目前为止 2.2 和 3.0）设置 window.orientation javascript 变量的方式存在问题。当您最初加载网页时，一切正常，window.orientation 已正确设置为设备所在的方向（0, 90, -90, 180）。当您通过 window.open("newpage") javascript 调用启动新页面时，就会出现问题。当新页面打开时，无论您处于哪个方向，window.orientation 值始终为 0。下面是可以演示这一点的示例网页：

<button onclick="window.open('AndroidTesting.html')">Click Me</button>

    <script type="text/javascript">

    orientationEvent = "resize";
    window.addEventListener(orientationEvent, function () {
        setTimeout(displayChange(), 0);
    }, false);

        var myPageWidth = 0;
        var myPageHeight = 0;

        var lastOrientation = "Landscape";

        function displayChange() {

            if ((window.orientation == 90) || (window.orientation == -90)) {
                lastOrientation = "Portrait";
            }
            if ((window.orientation == 0) || (window.orientation == 180)) {
                lastOrientation = "Landscape";
            }

            document.getElementById('storydiv').innerHTML = "In " + lastOrientation + " mode";

        }

    </script>

当您单击按钮在新选项卡中打开同一页面时，如果您未处于默认模式（Android 2.2 默认模式或 0 角度是纵向，在 Android 3.0 中 0 角度是横向），则方向是错误的，但是一旦您旋转到其他模式，然后恢复方向工作。

以前有人见过这个问题吗？有解决办法吗，或者这只是因为我做错了什么而出现的问题？

感谢您的帮助！

Answer 1

我不知道这是否是一个好方法，但似乎在 Android 上， screen.width 和 screen.height 取决于设备方向。

if(android){
    if(screen.width>screen.height){
        return 90;
    }else{
        return 0;
    }
}else{
    return window.orientation;
}

该解决方案的主要问题在于操作系统检测。