Geräte-check in sencha touch 2

Ich bin sicher, ich bin nur mit Blick auf diese Frage, aber ich kann nicht scheinen, um herauszufinden, wie Sie das Gerät überprüfen.

Ich möchte prüfen, ob das Gerät entweder ein Handy, ein tablet im landscape-Modus, ein tablet im portrait-Modus oder einem anderen Gerät (computer).

Was ich habe ist dieses:

if (Ext.platform.isPhone) {
    console.log("phone");
}

if (Ext.platform.isTablet) {
    console.log("tablet");
}

var x = Ext.platform;

Aber die Plattform ist nicht definiert (wahrscheinlich weil dies die Art von Sencha Touch 1).

Kennt jemand den richtigen Ort für mich, um Zugriff auf das Gerät zu überprüfen?

InformationsquelleAutor Rick Hoving | 2012-06-01
  1. 18

    Sencha Umwelt-Erkennung bietet ein großes Spektrum durch einfache Mittel.

    Statt Ext.os.ist.Tablet, Sie können das Leben einfacher machen über Ext.os.deviceType die Rückkehr:

    • Telefon
    • Tablet
    • Desktop

    NB: dieser Wert kann auch frisiert, durch hinzufügen von "?deviceType=" an die url.

    http://localhost/mypage.html?deviceType=Tablet

    Ext.os.name ist die singleton-Rückkehr:

    • iOS
    • Android
    • webOS
    • BlackBerry
    • RIMTablet
    • MacOS
    • Windows
    • Linux
    • Bada
    • Anderen

    Den üblichen Fähigkeit der browser-Erkennung ist über Ext.browser.name.

    Etwas habe ich erst vor kurzem gestoßen, die ich Liebe, ist die Erkennung von Auffälligkeiten - ermöglicht die Codierung ähnlich wie Modernizr /YepNope, basierend auf die Fähigkeit des Geräts sein. Ext.feature bietet:

    • Ext.Funktion.hat.Audio
    • Ext.Funktion.hat.Leinwand
    • Ext.Funktion.hat.ClassList
    • Ext.Funktion.hat.CreateContextualFragment
    • Ext.Funktion.hat.Css3dTransforms
    • Ext.Funktion.hat.CssAnimations
    • Ext.Funktion.hat.CssTransforms
    • Ext.Funktion.hat.CssTransitions
    • Ext.Funktion.hat.DeviceMotion
    • Ext.Funktion.hat.Geolocation
    • Ext.Funktion.hat.Geschichte
    • Ext.Funktion.hat.Orientierung
    • Ext.Funktion.hat.OrientationChange -
    • Ext.Funktion.hat.Bereich
    • Ext.Funktion.hat.SqlDatabase
    • Ext.Funktion.hat.Svg
    • Ext.Funktion.hat.Touch
    • Ext.Funktion.hat.Video
    • Ext.Funktion.hat.Vml
    • Ext.Funktion.hat.WebSockets

    Erkennen fullscreen/app/homescreen-browser-Modus auf iOS:

    window.navigator.standalone == true

    Orientierung Ext.- Gerät.Orientierung und-Ausrichtung ändern:

    Ext.device.Orientation.on({
    scope: this,
    orientationchange: function(e) {
        console.log('Alpha: ', e.alpha);
        console.log('Beta: ', e.beta);
        console.log('Gamma: ', e.gamma);
    }
});

    Ausrichtung basiert auf den Viewport. Ich in der Regel fügen Sie einen listener hinzu, das ist zuverlässiger:

       onOrientationChange: function(viewport, orientation, width, height) {
        //test trigger and values
        console.log('o:' + orientation + ' w:' + width + ' h:' + height);

        if (width > height) {
            orientation = 'landscape';
        } else {
            orientation = 'portrait';
        }
        //add handlers here...
    }
    InformationsquelleAutor greg.arnott
  2. 4

    Verwenden Ext.env.OS ist () Methode.

    Beachten Sie, dass nur die großen Komponente und der vereinfachte Wert des version-sind
    über direct-Eigenschaft überprüfen. Unterstützte Werte sind: iOS,
    iPad, iPhone, iPod, Android -, WebOS -, BlackBerry -, Bada -, MacOS -, Windows -,
    Linux und Andere

    if (Ext.os.is('Android')) { ... }
if (Ext.os.is.Android2) { ... } //Equivalent to (Ext.os.is.Android && Ext.os.version.equals(2))

if (Ext.os.is.iOS32) { ... } //Equivalent to (Ext.os.is.iOS && Ext.os.version.equals(3.2))

    Alternativ können Sie auch PhoneGap-Gerät-API

    • Ich habe auf diese Weise, aber das problem mit diesem ist, dass möchte ich auch angeben, ob das Gerät ein mobiles Gerät oder einen tablet-Computer. Android zum Beispiel läuft auf einem tablet-PC oder ein mobile können.
    InformationsquelleAutor sgokhales
  3. 2

    Fand ich die Antwort:

    Was der Fall zu sein scheint, ist, dass Ext.os.ist.(tablet/phone oder etwas anderes) wahr ist oder nicht definiert ist. Wenn es nicht der Fall ist es nicht definiert wird.
    I. eine. Ext.os.is.Tablet gilt, wenn auf einem tablet und nicht definiert, wenn nicht.

    So ist dies die Antwort, die ich suchte

    if(Ext.os.is.Tablet){
        this._bIsTablet = true;
    }else if(Ext.os.is.Phone){
        this._bIsPhone = true;
    }else{
        this._bIsOther = true;
    }
    InformationsquelleAutor Rick Hoving
Schreibe einen Kommentar