Wie erkennt man den Gerätenamen in Safari unter iOS 13, obwohl nicht der richtige Benutzeragent angezeigt wird?

Nach der Veröffentlichung von Apples iOS 13 wurde mir klar window.navigator.userAgent in Safari auf dem iPad iOS 13 ist dasselbe wie auf MacOS. Etwas wie das:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Safari/605.1.15

Wie Sie sehen, ist es ein falscher User-Agent für das iPad und es gibt keine Möglichkeit zu erkennen, ob das aktuelle Gerät ein iDevice ist.

Nach einer ersten Recherche habe ich einen Workaround dafür gefunden:

Gehen Sie zu Einstellungen -> Safari -> Desktop-Website anfordern -> Alle Websites. Sie bemerken, dass „Alle Websites“ angezeigt wird standardmäßig aktiviert. Wenn du deaktivieren it und get window.navigator.userAgent wird nun der richtige User Agent angezeigt.

Aber ich kann nicht jeden Benutzer bitten, diese Einstellungsänderung für jedes Gerät vorzunehmen. Also habe ich versucht, einen anderen Weg zu finden und bin schließlich beim Schreiben gelandet Der folgende Code, der überprüft, ob es sich um Safari, MacOS und Touchscreen handelt, sollte das Gerät ein mobiles Apple-Gerät seinaber ich frage mich, gibt es einen besseren Vorschlag / Weg, um den richtigen Gerätenamen in Safari iOS 13 zu erkennen?

detectOs = function(){
   //returns OS name, like "mac"
};

//is Safari on an apple touch-screen device
isSafariInIdevice = function(){
   if (/Safari[\/\s](\d+\.\d+)/.test(windows.navigator.userAgent)) {
      return 'ontouchstart' in window && detectOs() === "mac";      
   }
   return false;
};

In der Tat, während die Optionsänderung in den Einstellungen eine gute Lösung für den Benutzer sein kann, können Sie sich als Entwickler nicht darauf verlassen. Es ist so seltsam, den Benutzer zu bitten, den Dunkelmodus nicht zu verwenden, da Ihre App ihn nicht unterstützt, anstatt ihn mit plist abzulehnen.

Was mich betrifft, ist die einfachste Möglichkeit, iOS / iPad OS-Geräte jetzt zu erkennen:

let isIOS = /iPad|iPhone|iPod/.test(navigator.platform) ||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)

Die erste Bedingung ist altmodisch und funktioniert mit früheren Versionen, während die zweite Bedingung für iPad OS 13 funktioniert, das sich jetzt selbst identifiziert als:

"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko)"

die von allen mir bekannten Plattformdetektoren (vorerst) weder als Mobil noch als Desktop erkannt wird.

Da sich iPad OS nun Macintosh nennt, aber echte Macs keine Multi-Touch-Unterstützung haben, ist diese Lösung ideal, um iPad OS-Geräte zu erkennen, die die einzigen existierenden Multi-Touch-„Macintosh“-Geräte sind.

PS
Außerdem sollten Sie diese Überprüfung erweitern, damit der IE nicht als iOS-Gerät erkannt wird

let isIOS = (/iPad|iPhone|iPod/.test(navigator.platform) ||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&
!window.MSStream

const isIOS = !!(/iPad|iPhone|iPod/.test(navigator.platform)
  || (navigator.platform === "MacIntel" && typeof navigator.standalone !== "undefined"))

Als Alternative zur akzeptierten Antwort habe ich festgestellt, dass Sie die verwenden können navigator.standalone Parameter Es ist kein Standard und wird derzeit nur auf iOS Safari verwendet:

Navigator.eigenständig

Gibt einen booleschen Wert zurück, der angibt, ob der Browser im eigenständigen Modus ausgeführt wird. Nur für iOS Safari von Apple verfügbar.

In Kombination mit navigator.platform === "MacIntel" iPads sind daher die einzigen Geräte, die diese Eigenschaft definieren typeof navigator.standalone !== "undefined" filtert Macs heraus, auf denen Safari läuft (Touchscreen oder nicht).

     function mobileDetect() {


    var agent = window.navigator.userAgent;
    var d = document;
    var e = d.documentElement;
    var g = d.getElementsByTagName('body')[0];
    var deviceWidth = window.innerWidth || e.clientWidth || g.clientWidth;

    // Chrome
    IsChromeApp = window.chrome && chrome.app && chrome.app.runtime;

    // iPhone
    IsIPhone = agent.match(/iPhone/i) != null;

    // iPad up to IOS12
    IsIPad = (agent.match(/iPad/i) != null) || ((agent.match(/iPhone/i) != null) && (deviceWidth > 750)); // iPadPro when run with no launch screen can have error in userAgent reporting as an iPhone rather than an iPad. iPadPro width portrait 768, iPhone6 plus 414x736 but would probably always report 414 on app startup

    if (IsIPad) IsIPhone = false;

    // iPad from IOS13
    var macApp = agent.match(/Macintosh/i) != null;
    if (macApp) {
        // need to distinguish between Macbook and iPad
        var canvas = document.createElement("canvas");
        if (canvas != null) {
            var context = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
            if (context) {
                var info = context.getExtension("WEBGL_debug_renderer_info");
                if (info) {
                    var renderer = context.getParameter(info.UNMASKED_RENDERER_WEBGL);
                    if (renderer.indexOf("Apple") != -1) IsIPad = true;
                }
                ;
            }
            ;
        }
        ;
    }
    ;

    // IOS
    IsIOSApp = IsIPad || IsIPhone;

    // Android
    IsAndroid = agent.match(/Android/i) != null;
    IsAndroidPhone = IsAndroid && deviceWidth <= 960;
    IsAndroidTablet = IsAndroid && !IsAndroidPhone;



    message = ""


    if (IsIPhone) {

        message = "Device is IsIPhone"


    }
    else if (IsIPad) {

        message = "Device is ipad"

    } else if (IsAndroidTablet || IsAndroidPhone || IsAndroid) {

        message = "Device is Android"


    } else {

        message = "Device is Mac ||  Windows Desktop"

    }


    return {

        message: message,

        isTrue: IsIOSApp || IsAndroid || IsAndroidTablet || IsAndroidPhone

    }

}



const checkMobile = mobileDetect()

alert(checkMobile.message + "  =====>  " + checkMobile.isTrue)
shareeditdeleteflag

UIWebView *webView = [[UIWebView alloc] init];
NSString *command =[NSString stringWithFormat:@"navigator.userAgent"];
NSString *customUserAgent = [webView stringByEvaluatingJavaScriptFromString:command];
[(WKWebView *)_webView setCustomUserAgent:customUserAgent];