So deaktivieren Sie das Umschalten zwischen Hoch- und Querformat in einer mobilen Webanwendung (Android Browser / iOS-Mobile Safari)

8

Ich versuche die Telefonrotation zu deaktivieren, die die Webseite einer meiner HTML5-Apps beeinträchtigt. Kein Reorganisieren des Layouts, Ändern der Größe, Orientierungsverhalten.

Ich möchte es so, dass Sie das Telefon drehen und das ursprüngliche Layout bleibt gleich, zwingt den Benutzer, die App in der ursprünglichen Ausrichtung zu verwenden. Es gibt viele Feinheiten in der Benutzerlogik und ich glaube wirklich, dass dies in meiner App benötigt wird, also bitte keine Kommentare zu dieser Auswahl, sondern eher Hilfe für meine Frage im ersten Satz.

  1. Ich habe versucht, sowohl "orientationchange" - und "resize" -Ereignisse zu hören als auch preventDefault und stopPropagation zu verwenden, um zu verhindern, dass die Seite bei der Umwandlung in eine Querformatansicht umgewandelt wird. Nun, offensichtlich verhindert alles (ideal).

    %Vor%

Hat absolut keinen Unterschied gemacht. Der Browser reorganisierte die Seite immer noch auf Android (sowohl vor 2.1 als auch danach) und iPhone 4-5.

  1. versuchte Meta-Tags

    %Vor%

    wurde dann sauer, versuchte

    %Vor%

    hat keinen Unterschied gemacht.

  2. schaute stur auf StackOverflow, sah, was ich in Schritt 1 getan hatte. Ich habe mehrmals dort hingefahren ... versuchte es noch einmal, um sicher zu gehen, dass ich nichts kaputt machte. Hat nicht funktioniert.

  3. litt an meinem Stolz, dann beschloss ich, aus Stolz in eine Backsteinmauer zu rennen, dann saugte wirklich mein Stolz und posted hier.

HALF.

    
SPillai 16.11.2011, 02:52
quelle

5 Antworten

6

Die offensichtliche Lösung ist, javaScript dafür zu verwenden:

%Vor%

Wenn sich der Bildschirm dreht, drehen Sie ihn nach rechts.

    
invot 06.05.2014 21:16
quelle
5

Ich habe es mit der folgenden Arbeit getan, die den Benutzer auffordert, in den Portrait-Modus zurückzukehren.
Sobald der Benutzer zurück in den Portrait-Modus wechselt, wird ihm erlaubt, mit der Anwendung zu interagieren.

%Vor%     
Anup 11.09.2013 09:20
quelle
2

Sie können die mobile Ausrichtung in der Web-App nicht deaktivieren. Sie können die Seite in ein Hochformat drehen (indem Sie die CSS-Drehung von JS verwenden), wenn Sie die Ausrichtung in ein horizontales Modell ändern. Auf diese Weise werden sie gezwungen, Ihre Web-App im Hochformat zu verwenden.

Sie können ihnen auch eine Nachricht zeigen ("nur Hochformat", wenn sie versuchen, im horizontalen Modus zu sehen)

    
Hasanavi 28.05.2012 14:29
quelle
1

Halte es kurz und einfach! :]

%Vor%
    
tfont 11.05.2015 20:27
quelle
-3

Hinzufügen von android: configChanges="keyboardHidden | orientation" zu Ihrer AndroidManifest.xml. Dies teilt dem System mit, welche Konfigurationsänderungen Sie selbst vornehmen werden - in diesem Fall, indem Sie nichts tun.

    
sanraj 16.11.2011 03:27
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie vergrößere ich Text in Matplotlib Python automatisch?