jQuery 判断iPad、iPhone、Android是横屏还是竖屏
16lz
2021-01-26
在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 竖屏
已有 0 人发表留言,猛击->> 这里<<-参与讨论
ITeye推荐
- —软件人才免语言低担保 赴美带薪读研!—
更多相关文章
- android 保持屏幕常亮和唤醒屏幕的方式
- 如何判断Activity是否在前台显示
- android listview判断上滑还是下滑
- Android(安卓)解屏幕锁与点亮屏幕(来电时效果)
- Android(安卓)屏幕旋转
- Android官方提供的支持不同屏幕大小的全部方法
- android 获取字符串在屏幕中所占像素宽度和高度
- Android自屏幕底部滑出更多面板的实现
- Android(安卓)原生GPS定位 判断室内室外