Erkennen, ob das Gerät iOS ist

Question

Ich frage mich, ob es möglich ist, zu erkennen, ob ein Browser auf iOS läuft, ähnlich wie bei der Feature-Erkennung mit Modernizr (obwohl dies offensichtlich eine Geräteerkennung und keine Feature-Erkennung ist).

Normalerweise würde ich Feature-Erkennung bevorzugen, aber ich muss herausfinden, ob ein Gerät iOS ist, aufgrund der Art und Weise, wie sie Videos behandeln, wie in dieser Frage YouTube API not working with iPad / iPhone / non-Flash device

Answer 1

Wenn Sie Modernizr verwenden, können Sie einen benutzerdefinierten Test dafür hinzufügen.

Es spielt keine Rolle, welchen Erkennungsmodus Sie verwenden (userAgent, navigator.vendor oder navigator.platform), Sie können es immer für eine einfachere spätere Verwendung einpacken.

// Modernizr-Test hinzufügen
Modernizr.addTest('isios', function() {
    return navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
});

// Verwendung
if (Modernizr.isios) {
    // dies fügt der Body-Klasse ios hinzu
    Modernizr.prefixed('ios');
} else {
    // dies fügt der Body-Klasse notios hinzu
    Modernizr.prefixed('notios');
}

Answer 2

Eine vereinfachte, leicht zu erweiternde Version.

var iOS = ['iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) >= 0;

Answer 3

Erkennung von iOS (sowohl <12 als auch 13+)

Gemeinschaftswiki, da die Bearbeitungswarteschlange voll ist und alle anderen Antworten derzeit veraltet oder unvollständig sind.

const iOS_1to12 = /iPad|iPhone|iPod/.test(navigator.platform);

const iOS13_iPad = (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));

const iOS1to12quirk = function() {
var audio = new Audio(); // temporäres Audio-Objekt
audio.volume = 0.5; // hat keine Auswirkung auf iOS <= 12
return audio.volume === 1;
};

const isIOS = !window.MSStream && (iOS_1to12 || iOS13_iPad || iOS1to12quirk());

Answer 4

Es ist wahrscheinlich sinnvoll zu beantworten, dass iPads mit iOS 13 navigator.platform auf MacIntel eingestellt haben, was bedeutet, dass Sie einen anderen Weg finden müssen, um iPadOS-Geräte zu erkennen.

Answer 5

Es ist nicht erforderlich, navigator.userAgent oder navigator.platform zu testen:

const isIOS = typeof navigator.standalone === 'boolean';

navigator.standalone wird nur in iOS Safari gesetzt. Siehe MDN, Safari HTML-Referenz.