{"id":789,"date":"2012-04-08T16:13:26","date_gmt":"2012-04-08T23:13:26","guid":{"rendered":"http:\/\/zsprawl.com\/iOS\/?p=789"},"modified":"2012-04-08T22:13:32","modified_gmt":"2012-04-09T05:13:32","slug":"detecting-device-and-orientation-in-javascript","status":"publish","type":"post","link":"http:\/\/zsprawl.com\/iOS\/2012\/04\/detecting-device-and-orientation-in-javascript\/","title":{"rendered":"Detecting Device and Orientation in Javascript"},"content":{"rendered":"

Here is the code that I’m using in Javascript to determine whether or not I have an iPhone or an iPad in Portrait or Landscape mode.<\/p>\n

[code]function isiPhone() {
\n if (( navigator.platform == ‘iPhone’ ) ||
\n ( navigator.platform == ‘iPod’ ) ||
\n ( navigator.platform == ‘iPhone Simulator’)) {
\n return true;
\n } else {
\n return false;
\n }
\n return false;
\n}<\/p>\n

function isiPad() {
\n if (( navigator.platform == ‘iPad’ ) ||
\n ( navigator.platform == ‘iPad Simulator’ )) {
\n return true;
\n } else {
\n return false;
\n }
\n return false;
\n}<\/p>\n

function isLandscape() {
\n if (isiPhone()) {
\n if ($(window).width() >= 480) {
\n return true;
\n } else {
\n return false;
\n }
\n }
\n if ($(window).width() >= 1024) {
\n return true;
\n } else {
\n return false;
\n }
\n return false;
\n}[\/code]<\/p>\n

The code is pretty straight-forward. I put it in a separate .js file, and then include it with most of my projects.<\/p>\n

I added a new one yesterday to detect the version of iOS because the ImageFilter plugins<\/a> that I’m using in Demotivate HD<\/a> is only supported in 5.0 and later. I didn’t want to piss off my users by increasing the minimum requirement, so this worked nicely.<\/p>\n

[code]function isOld() {
\n if (\/OS [1-4]_\/i.test(navigator.userAgent)) {
\n return true;
\n } else {
\n return false;
\n }
\n return false;
\n}[\/code]<\/p>\n","protected":false},"excerpt":{"rendered":"

Here is the code that I’m using in Javascript to determine whether or not I have an iPhone or an iPad in Portrait or Landscape mode. The code is pretty straight-forward. I put it in a separate .js file, and then include it with most of my projects. I added a new one yesterday to
more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,3,25],"tags":[9,7,6,120],"class_list":["post-789","post","type-post","status-publish","format-standard","hentry","category-blog","category-ios-development","category-jquery-mobile","tag-development","tag-ipad","tag-iphone","tag-jquery-mobile"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/789"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=789"}],"version-history":[{"count":8,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/789\/revisions"}],"predecessor-version":[{"id":806,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/789\/revisions\/806"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=789"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}