Erkennung von iPhone 5 und einem darunter befindlichen iOS-Gerät

Question

Eine question wurde über den Benutzer-Agent für iPhone 4 und den Benutzer-Agent iOS 5.0 bei SO gefragt.

Ich verwende Folgendes, um verschiedene mobile Geräte, Ansichtsfenster und Bildschirm zu erkennen.

Ich möchte in der Lage sein, zwischen dem iPhone 5 und allen anderen iOS-Geräten zu unterscheiden. Soweit ich weiß, würde die Zeile, die ich benutze, um den iOS 5.0 User Agent var iPhone5 zu finden, auch auf jedes iOS Gerät mit iOS 5.0 angewendet werden, also technisch ist es falsch.

var pixelRatio = window.devicePixelRatio || 1; 

var viewport = { 
    width: window.innerWidth, 
    height: window.innerHeight 
}; 

var screen = { 
    width: window.screen.availWidth * pixelRatio, 
    height: window.screen.availHeight * pixelRatio 
}; 

var iPhone = /iPhone/i.test(navigator.userAgent); 
var iPhone4 = (iPhone && pixelRatio == 2); 
var iPhone5 = /iPhone OS 5_0/i.test(navigator.userAgent); // ? 
var iPad = /iPad/i.test(navigator.userAgent); 
var android = /android/i.test(navigator.userAgent); 
var webos = /hpwos/i.test(navigator.userAgent); 
var iOS = iPhone || iPad; 
var mobile = iOS || android || webos; 

window.devicePixelRatio ist das Verhältnis zwischen den physikalischen Pixeln und geräteunabhängigen Pixel (dips) auf dem Gerät. window.devicePixelRatio = physikalische Pixel/Dips.

Weitere Informationen here.

Answer 1

Warum nicht auf dem Bildschirm Objekt detect basiert -

screen.availWidth 
screen.availHeight 

Auf meinem iPhone 5 meldet es 320 Breite und 548 Höhe, die ihre Auflösung in einer Nicht-Retina Form ist.

Sie sollten window.innerWidth und window.innerHeight nicht verwenden, da die Größe des Darstellungsbereichs gemeldet wird. Wenn die Seite gezoomt wird, wird die Größe des vergrößerten Bereichs und nicht die richtige Größe des verfügbaren Bildschirms angezeigt.

Answer 2

2 Zeilen sind genug:

var iphone4 = (window.screen.height == (960/2)); 
var iphone5 = (window.screen.height == (1136/2));