Windows Phone 上的初始 window.orientation 始终为 0

Question

我正在尝试在我的网站上检测设备方向。

orientationchange 事件后，方向值似乎没问题。

$(window).on("orientationchange",function(event){alert(window.orientation);}) 

但问题是页面启动时的初始 window.orientation 值始终为 0，即使设备处于横向位置也是如此。

$(document).ready(function(){alert(window.orientation);});

延迟一段时间后它不会改变（我已经检查过了）它只有在 orientationchange 事件之后才会改变为正确的值。

有什么方法可以在页面启动时获得正确的方向？

Answer 1

看起来除了 chrome for android 之外的任何东西实际上都不支持该属性：https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation

根据你想要做什么，你可以使用 CSS 规则吗？

@media only screen and (max-width: 999px) {
  /* rules that only apply for canvases narrower than 1000px */
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
}

@media only screen and (min-device-width: 320px) and (max-device-width:    480px) {
  /* iPhone, Android rules here */
}

Answer 2

您是否尝试过这样处理问题：

$(document).ready(function(){
    $(window).load(function(){
        alert(window.orientation);
    });
});

您也可以手动获取设备的方向：

$(document).ready(function(){
    alert((($(window).width()>$(window).height()) ? 90 : 0));
});

Answer 3

我刚刚在 Windows Phone 上对其进行了测试，并且可以正常工作。您使用的是哪款手机/操作系统/浏览器？