JavaScript移动端设备判断

判断是安卓还是ios
var u = navigator.userAgent; 

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;

var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);


判断是不是横屏

判断窗口有没有orientationchange(使用方向改变)这个方法,有就命中这个事件,没有就命中“resize”事件-电脑端的改变窗口事件。

$(window).on("orientationchange",fun)可监听移动设备方向改变时事件

window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
    if (window.orientation === 180 || window.orientation === 0) {   
            //纵向视图window.orientation返回 0
         //纵向的:竖屏,隐藏遮罩层与提示
        document.querySelector('.land').style.display = 'none';

    }
    if (window.orientation === 90 || window.orientation === -90 ){  
          //横向视图window.orientation返回 90 或 -90
        //横向的:显示遮罩层与提示
        document.querySelector('.land').style.display = 'block';

    }
}, false);
  • window.orientation属性可设置不同使用方向

2018.4.20

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,526评论 1 11
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,149评论 0 21
  • 时间: 2016-08-16 00:55:24作者: zhongxia地址:说明: 如果横竖屏切换只是替换样式, ...
    izhongxia阅读 8,025评论 0 3
  • 1嘉兴平湖听雨声 2013年我去了浙江嘉兴平湖,我去的地方是平湖市区东湖附近,现在想来那段时光还真的挺悠闲惬意的。...
    朱迪劳阅读 679评论 0 2
  • かど‐で【門出/首=途】[名](スル)1旅などのために、自分の家を出発すること。出立(しゅったつ)。「―を見送る」...
    橘子是怪兽阅读 810评论 0 1