Databases
StackOverflow2013
Postsdbo
POHow to detect if your device is an iPad3 or 4 using jQuery or javascript?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to detect if your device is an iPad3 or 4 using jQuery or javascript?
    text
    copied!<p>I've been searching for some ways to detect the <strong>iPad3</strong> and <strong>iPad4</strong> devices. I'm adding meta viewport dynamically. I wanted to see desktop version and remove the viewport in <strong>Desktop</strong>, <strong>iPad3</strong> &amp; <strong>iPad4</strong> but in mobile of course add viewport to see mobile version.</p> <p><strong>Please Check my init function in var ApplyViewPort:</strong></p> <pre><code>var deviceDetection = function () { var osVersion, device, deviceType, userAgent, isSmartphoneOrTablet; device = (navigator.userAgent).match(/Android|iPhone|iPad|iPod/i); if ( /Android/i.test(device) ) { if ( !/mobile/i.test(navigator.userAgent) ) { deviceType = 'tablet'; } else { deviceType = 'phone'; } osVersion = (navigator.userAgent).match(/Android\s+([\d\.]+)/i); osVersion = osVersion[0]; osVersion = osVersion.replace('Android ', ''); } else if ( /iPhone/i.test(device) ) { deviceType = 'phone'; osVersion = (navigator.userAgent).match(/OS\s+([\d\_]+)/i); osVersion = osVersion[0]; osVersion = osVersion.replace(/_/g, '.'); osVersion = osVersion.replace('OS ', ''); } else if ( /iPad/i.test(device) ) { deviceType = 'tablet'; osVersion = (navigator.userAgent).match(/OS\s+([\d\_]+)/i); osVersion = osVersion[0]; osVersion = osVersion.replace(/_/g, '.'); osVersion = osVersion.replace('OS ', ''); } isSmartphoneOrTablet = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent); userAgent = navigator.userAgent; return { 'isSmartphoneOrTablet': isSmartphoneOrTablet, 'device': device, 'osVersion': osVersion, 'userAgent': userAgent, 'deviceType': deviceType }; }(); var ApplyViewPort = { init: function() { this.metaView = '&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;'; /// Preppend a meta viewport if it's not yet preppended /// Else remove the meta viewport if (deviceDetection.deviceType == 'tablet') { $('meta[name="viewport"]').remove(); if (window.devicePixelRatio == 2) { $('meta[name="viewport"]').remove(); } } else { $('head').append(this.metaView); } } } $(document).ready(function() { ApplyViewPort.init(); }); </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload