基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2023-09-27 14:21:33 时间
在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法
其实主要是通过window.orientation实现,下面看下代码吧
function orient() { if (window.orientation == 90 || window.orientation == -90) { //ipad、iphone竖屏;Andriod横屏 $("body").attr("class", "landscape"); orientation = 'landscape'; return false; } else if (window.orientation == 0 || window.orientation == 180) { //ipad、iphone横屏;Andriod竖屏 $("body").attr("class", "portrait"); orientation = 'portrait'; return false; } } //页面加载时调用 $(function(){ orient(); }); //用户变化屏幕方向时调用 $(window).bind( 'orientationchange', function(e){ orient(); });
屏幕方向对应的window.orientation值:
ipad: 90 或 -90 横屏
ipad: 0 或180 竖屏
Andriod:0 或180 横屏
Andriod: 90 或 -90 竖屏
相关文章
- 怎样预置Android 手机 APK
- 一种更高效的组件自动注册方案(android组件化开发)
- Android RecyclerVIew 列表实现 编辑、单选、全选、删除、动画效果(附源码)
- 【Android开发】算法题合集(十)机器人能否返回原点和计数二进制子串
- How to change in the Cocos2d-x project from landscape to portrait both in iOS and Android
- 《Android 应用测试指南》——第2章,第2.4节包浏览器
- Android+Jquery Mobile学习系列(2)-HTML5/Jquery Mobile基础
- Android+Jquery Mobile学习系列(1)-开发环境
- Android+Jquery Mobile学习系列-目录
- Android开源项目分类汇总
- 查看Android应用签名信息
- android 8.0 通知适配
- Android Junit Test 单元测试
- Android中的动画具体解释系列【2】——飞舞的蝴蝶
- android中Invalidate和postInvalidate的差别
- Android Service 服务(一)—— Service