Javascript Ausrichtung Ändern funktioniert nicht mit PhoneGap auf dem iPad

Ich bin an einer kleinen HTML - /CSS - /Javascript-getriebene web-Magazin als eine iApp für das iPad mit der großen mobile-framework PhoneGap. Alles funktioniert Super, außer die änderung der Ausrichtung von hochformat zu Querformat.

Verwende ich die folgende Javascript-code im header der index.html (hochformat):

  var isiPad = navigator.userAgent.match(/iPad/i) != null;
  var isiPhone = navigator.userAgent.match(/iPhone/i) != null;

  function updateOrientation() {
   if (isiPad || isiPhone) {
    switch (window.orientation) {
     case 90:
      window.location = "index_landscape.html";
      break;
     case -90:
      window.location = "index_landscape.html";
      break;
    }
   }
  }

mit folgenden body-tag:

<body onorientationchange="updateOrientation();">

Wenn ich drehen Sie das iPad ins Querformat, es nicht ändern zu index-landscape.html.

Weiß jemand, wo das problem ist?
Ist es nicht möglich, ändern Sie die HTML-Datei beim ändern der Orientierung innerhalb der PhoneGap-framework?
Mit anderen Worten, kann ich nur eine HTML-Datei (index.html) mit PhoneGap und haben den Einsatz von CSS für die änderung der Ausrichtung?

Wenn ich check out die app wie eine website mit dem iPad-Safari-browser, die änderung der Ausrichtung funktioniert einwandfrei.

Vielen Dank für jede Hilfe!!!

Festgestellt, dass Fenster.Orientierung war für mich auf Android 2.2 mit Droid X mit PhoneGap.

InformationsquelleAutor axooh | 2010-08-23

  1. 3

    Fand ich eine andere Lösung für das problem. Ich benutze das body onload-Funktion mit der onDeviceReady Funktion aus phonegap.js zum überprüfen der Ausrichtung:

    Den folgenden javascript code funktioniert nun richtig:

        function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    function onDeviceReady() {
        document.addEventListener("orientationChanged", updateOrientation);
    }

    function updateOrientation(e) {
        switch (e.orientation) {
            case 90:
                window.location = "index_landscape.html";
                break;
            case -90:
                window.location = "index_landscape.html";
                break;
        }
    }

    UPDATE: mehr gearbeitet als vor zwei Jahren mit alten Versionen von Phonegap und iOS SDK, aber laut einigen Nutzern, funktioniert es nicht mehr.

    Dieses Ereignis hat bei mir nicht funktioniert (Android 2.2 auf dem Droid X) und die orientationChanged PhoneGap Ereignis ist nicht dokumentiert (zumindest nicht das ich finden konnte auf docs.phonegap.com).
    Event hat bei mir nicht funktioniert auf iOS-5-SDK.
    Das wird nicht funktionieren, da die webview ist nur ein Kind der Ansicht, dass tatsächlich Veränderungen in der Orientierung
    hier die Antwort stackoverflow.com/questions/12685698/... hat bei mir (iOS 7, xcode 5, phonegap 3.1.0).

    InformationsquelleAutor axooh

Schreibe einen Kommentar