JS 判断ipad android 等移动设备横竖屏代码源码--AangJava

最新推荐文章于 2021-04-10 17:46:23 发布

Monistion

最新推荐文章于 2021-04-10 17:46:23 发布

阅读量982

点赞数

分类专栏： js HTML 文章标签：横竖屏判断

本文链接：https://blog.csdn.net/AangJava/article/details/45644175

版权

HTML 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

废话不多说，直接进入正题！

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title> JS 判断ipad android 等移动设备横竖屏代码 源码--AangJava</title>
<script type="text/javascript">
// Detect whether device supports orientationchange event, otherwise fall back to
// the resize event.
var supportsOrientationChange = "onorientationchange" in window,
    orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";
// 监听事件
window.addEventListener(orientationEvent, function() {
    var ua = navigator.userAgent;
    var deviceType="";
    //判断设备类型 
    if (ua.indexOf("iPad") > 0) {
       deviceType = "isIpad";
    } else if (ua.indexOf("Android") > 0) {
       deviceType = "isAndroid";
    } else {
       alert("既不是ipad，也不是安卓！");
       return;
    }
     // 判断横竖屏 
     if ("isIpad" == deviceType) {
       if (Math.abs(window.orientation) == 90) {
           alert("我是ipad的横屏");
       } else {
           alert("我是ipad的竖屏");
       }
    } else if ("isAndroid" == deviceType ) {
       if (Math.abs(window.orientation) != 90) {
           alert("我是安卓的横屏");
       } else {
           alert("我是安卓的竖屏");
       }
    }
}, false);
</script>
</head>
<body>
    AangJava 测试横竖屏JS代码
</body>
</html>

Monistion

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS 判断ipad android 等移动设备横竖屏代码源码--AangJava

废话不多说，直接进入正题！<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><title> JS 判断ipad android 等移动设备横竖屏代码源码--AangJava</title><script t
复制链接

扫一扫