uni-app uni.onWindowResize在H5 ios端返回的值deviceOrientation是错误的

在 uni-app 中，uni.onWindowResize 是一个用于监听窗口大小变化的 API。然而，在某些情况下，特别是在 H5 的 iOS 端，deviceOrientation 的返回值可能会出现错误。这可能是由于 iOS 浏览器在处理设备方向变化时的行为与预期不一致。

可能的原因

1. iOS 浏览器的限制：iOS 的 Safari 浏览器在处理设备方向变化时，可能会有一些限制或延迟，导致 deviceOrientation 的值不准确。
2. 事件触发时机：uni.onWindowResize 可能在某些情况下没有正确捕获到设备方向的变化，尤其是在快速旋转设备时。
3. 兼容性问题：uni-app 的 H5 端在不同浏览器和设备上的兼容性可能存在差异，导致 deviceOrientation 的值不准确。

解决方案

1. 使用原生 JavaScript 监听设备方向： 你可以尝试使用原生的 JavaScript 来监听设备方向的变化，而不是依赖 uni.onWindowResize。例如：

   window.addEventListener('orientationchange', () => {
       const orientation = window.orientation;
       console.log('Device orientation:', orientation);
       // 根据 orientation 的值处理逻辑
   });

   window.orientation 返回的值可以是 0、90、-90 或 180，分别表示不同的设备方向。

2. 使用 window.innerWidth 和 window.innerHeight： 如果你主要关心的是窗口大小的变化，而不是设备方向，可以直接使用 window.innerWidth 和 window.innerHeight 来获取窗口的宽度和高度，并根据这些值来判断设备的方向。

   window.addEventListener('resize', () => {
       const width = window.innerWidth;
       const height = window.innerHeight;
       console.log('Window size:', width, height);
       // 根据 width 和 height 判断设备方向
   });

3. 使用 uni.getSystemInfo： 你可以使用 uni.getSystemInfo 来获取设备的系统信息，包括屏幕的宽度和高度，然后根据这些信息来判断设备的方向。

   uni.getSystemInfo({
       success: (res) => {
           const screenWidth = res.screenWidth;
           const screenHeight = res.screenHeight;
           console.log('Screen size:', screenWidth, screenHeight);
           // 根据 screenWidth 和 screenHeight 判断设备方向
       }
   });

4. 处理延迟问题： 如果 deviceOrientation 的值在设备旋转后没有立即更新，你可以设置一个延迟来处理这个问题。例如，在 orientationchange 事件触发后，延迟一段时间再获取 deviceOrientation 的值。

   window.addEventListener('orientationchange', () => {
       setTimeout(() => {
           const orientation = window.orientation;
           console.log('Device orientation:', orientation);
           // 根据 orientation 的值处理逻辑
       }, 300); // 延迟 300 毫秒
   });