如何使用javascript或jQuery更改屏幕方向？

Question

我正在使用适用于Android和iPhone的Phonegap开发应用程序。 从一页导航到另一页时，我需要更改屏幕方向。 谁能说出如何通过java脚本或jquery完成它？

谢谢

Answer 1

您可以尝试以下方法：

$(window).resize(function() {
    var height = $(window).height();
    var width = $(window).width();

    if (width > height) {
        // Landscape
        $("#mode").text("LANDSCAPE");
    } else {
        // Portrait
        $("#mode").text("PORTRAIT");
    }

});

另一个ID window.orientation其返回0 ， 90或-90其中：

• 0代表：人像模式

• 90代表：横向模式，屏幕向左旋转

• -90代表：横向模式，屏幕向右旋转

    window.onorientationchange = function() { var orientation = window.orientation; switch(orientation) { case 0: //Top side up. break; case -90: //Left side up (turned 90 degrees to the right) break; case 90: //Right side up (turned 90 degrees to the left) break; } } 

你也可以看到

使用JavaScript来检测浏览器中Android手机的旋转以获取信息。