APP开发_ js 控制手机横屏或竖屏

在JavaScript中控制手机横屏或竖屏通常涉及到使用Screen Orientation API。以下是一个简单的示例代码，展示如何使用这个API来锁定屏幕方向。

// 判断API是否可用
if ('screen' in navigator) {
  // 锁定横屏
  function lockLandscape() {
    navigator.screen.lockOrientation('landscape').catch(err => {
      console.error('无法锁定横屏:', err);
    });
  }
 
  // 锁定竖屏
  function lockPortrait() {
    navigator.screen.lockOrientation('portrait').catch(err => {
      console.error('无法锁定竖屏:', err);
    });
  }
 
  // 使用示例
  // 锁定横屏
  lockLandscape();
 
  // 解锁
  function unlockOrientation() {
    navigator.screen.unlockOrientation().catch(err => {
      console.error('无法解锁屏幕方向:', err);
    });
  }
} else {
  console.warn('Screen Orientation API不可用');
}

请注意，这个API可能不在所有的浏览器中被支持，尤其是在移动端浏览器中的支持情况可能会因不同的操作系统和浏览器而异。在实际应用中，你可能需要添加特性检测以确保兼容性，并且在用户的设备上尝试之前，应该先获取用户的许可。