如何在 Android 设备（平板电脑和手机）的方向更改时获得正确的窗口宽度

Question

我正在尝试使用 jquery 函数 $(window).outerWidth(true); 计算 android 设备在方向更改时的窗口宽度。此计算为 iphone 和 ipad 提供了正确的方向更改宽度，但在 android 中没有。如果我最初以横向模式或纵向模式加载页面，我将获得正确的宽度，但是一旦我在加载页面后更改方向，我将获得纵向模式的宽度，就像在横向模式下一样，反之亦然。请建议正在发生的事情以及我该如何处理这个问题，以便我在 android 设备的方向更改时获得正确的窗口宽度。

我正在尝试通过这篇帖子 How to get the correct window width on orientation change for android devices both tablets and mobiles 解决问题，但任何事情都对我有用。

@user850234 有什么想法吗？提前致谢。

Answer 1

尝试使用 'orientationchange' 事件和 $window 服务（不要忘记注入 $window）

在 angular.run() 函数中，添加如下事件监听器

    angular.element($window).bind('orientationchange', function () {
          var width = $window.innerWidth;  
    });