手机端H5页面判断是否横屏

在移动端的H5页面中，可以通过检查window.orientation的值来判断是否处于横屏模式。window.orientation的值有以下几种：

• 0：表示竖屏（正常浏览模式）
• 90：表示横屏（左侧竖屏模式）
• -90：表示横屏（右侧竖屏模式）
• 180：表示竖屏（上下颠倒）

下面是一个简单的JavaScript函数，用于检查是否处于横屏模式：

function isLandscape() {
    return (window.orientation === 90 || window.orientation === -90);
}
 
// 使用示例
if (isLandscape()) {
    console.log('当前处于横屏模式');
    // 在这里执行横屏模式下的逻辑
} else {
    console.log('当前处于竖屏模式');
    // 在这里执行竖屏模式下的逻辑
}

需要注意的是，window.orientation是一个非标准特性，在某些现代浏览器中可能不再被支持。因此，更为现代的方法是使用window.matchMedia：

function isLandscape() {
    return window.matchMedia("(orientation: landscape)").matches;
}
 
// 使用示例
if (isLandscape()) {
    console.log('当前处于横屏模式');
    // 在这里执行横屏模式下的逻辑
} else {
    console.log('当前处于竖屏模式');
    // 在这里执行竖屏模式下的逻辑
}

window.matchMedia是一个更加现代、通用的方法来检测屏幕方向。它返回一个MediaQueryList对象，可以通过监听其matches属性来判断当前的方向。