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

Question

我正在为 Android 和 iphone 开发一个使用 Phonegap 的应用程序。当我从一个页面导航到另一个页面时，我需要更改屏幕方向。谁能告诉它如何通过 java script 或 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");
    }

});

另一个window.orientation返回0的id90或-90where：

• 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 手机的旋转以获取信息。