检测设备屏幕的方向

Wxinin

已于 2023-10-12 09:52:38 修改

阅读量213

点赞数

文章标签： javascript

于 2023-09-22 16:17:31 首次发布

本文链接：https://blog.csdn.net/weixin_44283589/article/details/133175334

版权

本文介绍了如何使用JavaScript在不同浏览器环境下检测设备屏幕的方向，包括window.orientation、screen.orientation等属性的检查，并给出了一个示例函数来获取屏幕方向以角度表示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getOrientation() {
  if (typeof window.orientation !== 'undefined') {
    // 支持window.orientation属性
    return window.orientation;
  } else if (typeof window.screen.orientation !== 'undefined') {
    // 支持window.screen.orientation属性
    return window.screen.orientation.angle;
  } else if (typeof window.screen.mozOrientation !== 'undefined') {
    // Firefox浏览器
    return window.screen.mozOrientation;
  } else if (typeof window.screen.msOrientation !== 'undefined') {
    // IE浏览器
    return window.screen.msOrientation;
  } else if (typeof window.screen.webkitOrientation !== 'undefined') {
    // Chrome、Safari浏览器
    return window.screen.webkitOrientation;
  } else {
    // 不支持设备屏幕方向检测
    return null;
  }
}

// 调用示例
var orientation = getOrientation();
console.log(orientation); // 输出设备屏幕的方向，以角度表示