基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

在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 竖屏

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码相关推荐

Android 设置横屏或竖屏
方法一:在AndroidManifest.xml中配置如果不想让软件在横竖屏之间切换,最简单的办法就是在项目的AndroidManifest.xml中找到你所指定的activity中加上androi ...
Android 设置横屏，竖屏或者禁止横屏的方法
在android 的配置文件AndroidManifest.xml中有 android:screenOrientation属性下面看下各个属性 "unspecified":默认值 ...
Android 强制横屏或竖屏设置
强制竖屏横屏 //横屏设置 setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); //竖屏设置 setRequeste ...
Android模拟器横屏和竖屏的切换
横屏:Ctrl+F11 竖屏:Ctrl+F12
JS 判断浏览器客户端类型(ipad,iphone,android)
如何判断是否是 iPad 浏览器呢,关键是看它的 User Agent 中是否有 iPad.iPad 使用的是 Safari Mobile 浏览器,他的的 User Agent 是: Mozilla/ ...
JS判断手机浏览器是横屏or竖屏
移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态. 从而根据实际需求而执行相应的程序. 通过添加监听事件onorientation ...
android电视台连ipad,把iPad/iPhone/Android设备连到Mac上
把iPad/iPhone/Android设备连到Mac上 2011年01月30日 00:07作者:陈涛编辑:陈涛文章出处:泡泡网原创分享泡泡网软件频道1月30日全世界第三方应用开发商和苹果迷们翘 ...
php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码，ONE 已经生成的数据表格大致 - phpStudy...
基于jQuery的合并表格中相同文本的相邻单元格的代码 ONE 已经生成的数据表格大致内容如下: 地区地区商品代码商品名称数量有效期至距效期(月) 产品批号规格单位条形码广东深圳 ...
android 强制设置横屏判断是横屏还是竖屏
判断activity 是横屏还是竖屏方法 1: //根据设备配置信息 Configuration cf= this.getResources().getConfiguration(); //获取设 ...
Android 拍摄（横\竖屏）视频的懒人之路
想一想,我们聊过AudioReord,AudioTrack,MediaPlayer,那多媒体四大金刚,就剩下了MediaRecorder了(SoundPool?我这里信号不好···).其实MediaR ...

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码相关推荐

最新文章

热门文章