如何检测分屏、小窗

在uni-app中，可以通过uni.getSystemInfo方法获取当前系统的相关信息，从而判断是否处于分屏或小窗口模式。具体步骤如下：

1. 在页面的 mounted 生命周期函数中调用 uni.getSystemInfo 方法，并获取返回的系统信息：

<script>  
export default {  
  mounted() {  
    uni.getSystemInfo({  
      success: (res) => {  
        console.log(res);  
        // 在这里获取到系统信息，进行判断  
      },  
    });  
  },  
};  
</script>

1. 获取到的 res 对象中包含了一些与窗口相关的信息，其中可以判断是否分屏或小窗口模式的参数包括：

• res.windowWidth：当前窗口的宽度（单位为px）
• res.windowHeight：当前窗口的高度（单位为px）
• res.screenWidth：屏幕宽度（单位为px）
• res.screenHeight：屏幕高度（单位为px）

你可以根据这些信息进行判断，常见的判断方式如下：

• 分屏模式判断：判断当前窗口的宽度是否小于屏幕宽度的一半。
• 小窗口模式判断：判断当前窗口的高度是否小于屏幕高度的一半。

示例代码如下：

<script>  
export default {  
  mounted() {  
    uni.getSystemInfo({  
      success: (res) => {  
        const isSplitScreen = res.windowWidth < res.screenWidth / 2;  
        const isSmallWindow = res.windowHeight < res.screenHeight / 2;  

        console.log('是否分屏模式:', isSplitScreen);  
        console.log('是否小窗口模式:', isSmallWindow);  
      },  
    });  
  },  
};  
</script>

在控制台输出的结果中，isSplitScreen 和 isSmallWindow 的值就能表示当前是否处于分屏或小窗口模式。