Обнаружение версии iPad в JavaScript

Ответ 1

Пожалуйста, попробуйте fiddle. Он обнаруживает версию iPad по доступности гироскопа.

Как вы можете видеть в Safari Developer Library, event.acceleration не является нулевым для устройств с гироскопом. Поскольку iPad 1 не имеет его, мы можем предположить, что это устройство iPad 1.

Чтобы отличить iPad 2 от iPad 3, мы можем проверить свойство window.devicePixelRatio, поскольку iPad 3 имеет дисплей Retina с соотношением пикселей == 2.

Ответ 2

Извините, но в настоящее время нет разницы между iPad и iPad 2.

См., нет никакой разницы между двумя из них:

iPad:
　Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F190 Safari/6533.18.5

iPad2:
　Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F191 Safari/6533.18.5

И обратите внимание, что версии постоянно обновляются в обновлениях iOS.

UPDATE

Похоже, есть разница между ними:

iPad:
  Mobile/8F190

iPad 2:
  Mobile/8F191

iPad 3:
  Mobile/9B176 (according to Philipp)

Ответ 3

Обнаружение между шагами iPad 1 и 2:

• Проверьте UA String для iPad
• Проверить наличие гироскопа

Обнаружение между шагами iPad 2 и 3:

• Проверьте UA String для iPad
• Проверить плотность пикселей (Retina iPad 3 Displays = 2)

Обнаружение между шагами iPad 3 и 4:

• Проверьте UA String для iPad
• Проверить плотность пикселей (Retina Displays = 2)
• Проверьте максимальную анизотропию устройств (iPad 3 = 2, iPad 4 = 16)

Максимальная анизотропия 16 обычно указывает на современное устройство с достойной графической производительностью.

var gl;
var iPadVersion = false;

window.ondevicemotion = function(event) {
  if (!iPadVersion && navigator.platform.indexOf("iPad") != -1) {
    iPadVersion = 1;
    if (event.acceleration) iPadVersion = window.devicePixelRatio;
  }
  window.ondevicemotion = null;
}

function initWebGL(canvas) {
  gl = null;

  try {
    gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
  }
  catch(e) {}

  if (!gl) {
    gl = null;
  }

  return gl;
}

function checkMaxAnisotropy() {
  var max = 0;

  var canvas = document.getElementById('webGLCanvasTest');
  gl = initWebGL(canvas);

  try {
    gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
  }
  catch(e) {}

  if (gl) {
    var ext = (
      gl.getExtension('EXT_texture_filter_anisotropic') ||
      gl.getExtension('MOZ_EXT_texture_filter_anisotropic') ||
      gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic')
    );

    if (ext){
      max = gl.getParameter(ext.MAX_TEXTURE_MAX_ANISOTROPY_EXT);
    }
  }
  return max;
}

function isiPad( $window ) {
  var ua = $window.navigator.userAgent || $window.navigator.vendor || $window.opera;
  return (/iPad/).test(ua);
}


function getiPadVersion( $window ) {
  if(isiPad(window) && window.devicePixelRatio === 2) {
    if(checkMaxAnisotropy() < 4) {
      iPadVersion = 3;
    } else {
      iPadVersion = 4;
    }
  }
  return iPadVersion;
}


/* BONUS CODE 
   isSmartDevice() - Detect most mobile devices
   isOldDevice() - Detect older devices that have poor video card performance
*/

function isSmartDevice( $window ) {
  var ua = $window.navigator.userAgent || $window.navigator.vendor || $window.opera;
  return (/iPhone|iPod|iPad|Silk|Android|BlackBerry|Opera Mini|IEMobile/).test(ua);
}

function isOldDevice() {
  if(isSmartDevice(window) && window.devicePixelRatio === 1 && checkMaxAnisotropy() < 4 || isiPad( window ) && checkMaxAnisotropy() < 4) {
    return true;
  } else {
    return false;
  }
}


alert('iPad Version: ' + getiPadVersion(window) );

#webGLCanvasTest {
  width: 1px;
  height: 1px;
  position: fixed;
  top: -1px;
  left: -1px;
}

<!-- Device Testing Canvas, Hide This Somewhere -->
<canvas id="webGLCanvasTest"></canvas>

Ответ 4

Как уже указывали другие, это 2 пользовательских пользователя, которые в настоящее время используются:

iPad:
　Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F190 Safari/6533.18.5

iPad2:
　Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F191 Safari/6533.18.5

Но если вы посмотрите достаточно близко, то они не совпадают, есть разница:

• iPad имеет "Mobile/8F190"
• iPad 2 имеет "Mobile/8F191"

Итак, вы идете.

Ответ 5

Обнаружение пользовательского агента предоставляет вам версию приложения Safari, а не версию самого iPad, потому что ваше веб-приложение будет работать только в среде браузера.

Гироскоп и все другие API - это API SDK, поэтому они доступны только для разработки собственных приложений, а не для веб-приложений.

Ответ 6

похоже, что iPad 2 может иметь такой же Мобильный /9B176 код, что и новый iPad. Может быть, это из-за обновления iOS?

Вот моя полная строка user-agent iPad2:

Mozilla/5.0 (iPad, CPU OS 5_1, как Mac OS X) AppleWebKit/534.46 (KHTML, например, Gecko) Версия /5.1 Mobile/9B176 Safari/7534.48.3

Я не могу проверить обновленный iPad 3. Не могли бы вы рассказать мне, есть ли разница?

(кстати, если вы просто хотите узнать, есть ли у пользователя низкий уровень разрешения или высокий IP-адрес, вы можете использовать этот трюк: fooobar.com/questions/474717/...)

Ответ 7

PLS НЕ СООТВЕТСТВУЕТ ИНТЕРПРЕТАЦИИ.

Это не является надежным: я вижу Mobile/8J2 на iPad2 и Mobile/9A405 на iPad1. Поэтому разные версии iOS (и, таким образом, Safari) предупреждают разные UA о той же версии iPad.

Мы должны идти только с функцией обнаружения ускорения; либо на стороне клиента, либо на стороне сервера (ускорение WURFL и т.д.).

Ответ 8

Как насчет:

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null;

// For use within iPad developer UIWebView
// Thanks to Andrew Hedges!
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);

Кроме того, проверьте это:

http://davidwalsh.name/detect-ipad