jQuery 判断iPad、iPhone、Android是横屏还是竖屏

标签: jquery ipad iphone | 发表时间:2014-11-17 14:22 | 作者:zencode
出处:http://www.iteye.com

在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推荐



相关 [jquery ipad iphone] 推荐:

jQuery 判断iPad、iPhone、Android是横屏还是竖屏

- - JavaScript - Web前端 - ITeye博客
在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏. 下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法. 以下是通过window.orientation实现:. //ipad、iphone竖屏;Andriod横屏. //ipad、iphone横屏;Andriod竖屏.

Opera Mini 6 for iPhone和iPad发布

- Seaver - Solidot
51开源社区 写道 "Opera周二公布了面向苹果iPhone和iPad的新移动浏览器Opera Mini 6. Opera是目前全球使用最广泛的移动浏览器. Opera称,Opera Mini 6具备一个多功能键,用户可以借此在Facebook、vKontakte和My Opera上发布和共享信息.

因为 iPad,我不再需要 iPhone

- Jim - 爱范儿 · Beats of Bits
John Brownlee 是一位 iPhone 3GS 和 iPad 用户. 在一次外出的过程中,他的 iPhone 再次不慎遗失. 不过这一次他没有慌乱,甚至没有试图去找回 iPhone,而是购买了一台 feature phone —— 诺基亚 C3-00. 没有受困于功能的落后,John 很喜欢 C3-00.

苹果怒告 Samsung『复制 iPhone、iPad』

- Jarod - Engadget 中国版
不过第一个遭殃的对象,并不是广大的致敬机,而是 Samsung 家一海票的手机、平板;根据华尔街日报报导,苹果上周五前正式对 Samsung 提出告诉,说 Samsung 复制了 iPad / iPhone 的外观跟界面,而涉及到的手机、平板包括了 Galaxy S 4G、Epic 4G、Nexus S 以及 Galaxy Tab(七寸).

伪装成世界最大iPhone的iPad

- 翔晨 - Engadget 中国版
这是放在英国St Pancras车站的宣传广告牌,主要是要帮App Store新推的一个游戏 - Lara Croft Guardian of Light(古墓奇兵新系列)作宣传,一共享了56部iPad当成超大iPhone 4外壳的屏幕,不失为一种广告手法,而且建制成本稿不好彼等大尺寸的电视墙便宜也说不定.

iPhone和iPad Web开发上手指南

- - 互联网的那点事
感谢上天,iPhone操作系统上的Safari浏览器幸好是一款优秀的浏览器. 跟桌面版的Safari 4一样,它对CSS3及HTML5有良好的支持. 另外它也提供若干一流的界面元素供即用,不过这些界面元素在iPhone和iPad之间有时还存在差别. 另外,由于iPhone操作系统面世已经很长一段时间了,网络上有很多资源可供利用.

iPhone和iPad更能吸引注意力

- Stan - 36氪
相信大家也看到了,移动互联网是现在的一大热点. 由苹果开启的移动互联网的变革,使得现在移动产品的竞争非常激烈. 各大科技巨头都不断的加入到这场竞争中来,有的风光无限,比如苹果,有的是不断的壮大,比如Android大军,有的被打的鼻青脸肿,比如TouchPad,有的正凭借其在PC中的统治地位要挤进移动领域,比如微软和它的windows8.

苹果发布 iPad Pro、新款 Apple TV、iPhone 6s 和 iPhone 6s Plus

- - 理想生活实验室
北京时间 9 月 10 日凌晨,苹果 2015 年秋季发布会在美国旧金山的比尔格拉汉姆公民大礼堂进行,在越来越难以保密的今天,发布会之前泄露的消息几乎都成为现实,不过各个产品功能细节也仍然带来了惊喜,在此前 WWDC 更多强调应用的情况下,这次的发布会四款新品亮相,无论是数量规模还是在各自产品线上的意义,这次的发布会都显得诚意十足,干货相当多.

每周 iPhone/iPad 应用推荐:ZAKER (for iPhone),美图秀秀HD,微情绪…

- 狒狒 - 我爱水煮鱼
越来越多的同学开始使用 iPhone 和 iPad,而 iPhone 和 iPad 最好玩的就是他上面的应用,从这个星期起我给大家推荐下每周热门的 iPhone/iPad 应用. 什么是 iPhone/iPad 最佳的阅读体验,我想 Zaker 在 iPad 上已经给大家了答案,Zaker 也在 iPad 大获成功,目前已经有 50 多万的装机量了.

iPhone Dev Team製作了工具專為iPhone 4S及iPad 2降級而設

- - winandmac.com香港版
iPad 2及iPhone 4S早前已經有完美的iOS 5.0.1 jailbreak,不過有些人就是不小心把它們升級至最新firmware,失去完美jailbreak. 大家其實還是有方法可以降級,現在iPhone Dev Team更製作了redsn0w新版,專門協助降級而設. 用家可以 按此處下載Mac的版本,又或 此處下載Windows的版本,其版本為redsn0w 0.9.11b2.