sperren der Bildschirmausrichtung auf mobile browser

Erstelle ich eine web-Seite(chrome & safari) für Mobile Endgeräte (iphone & android), möchte ich sperren der Bildschirmausrichtung im hochformat.

Im Gegensatz zu den mobilen apps,es gibt keine manifest-Datei und Aktivität, wie es eine web-Seite.

Wie Sie die Ausrichtung sperren in Handys mit Technologien (css/javascript/bootstrap/jquery) oder ein anderer?

Was Sprache, die Sie verwenden?
Ich bin mit HTML5

InformationsquelleAutor dosth reddy | 2014-10-09

  1. 3

    Verwende ich eine manifest-Datei für meine web-app, die Schlösser Orientierung für Chrome auf meinem Android. Aus welchem Grund auch immer, Safari gibt Ihren Nutzern die "richtige" zu tun, aber nicht der Designer der web-app... irgendwie fühlt sich wie Urheberrechtsverletzung oder so!!! 😉 Versteh mich nicht gestartet auf Safari ist beschämend umschreiben/übergabe des input-Tasten!...

    Anyways, zurück zu der Antwort.

    1) fügen Sie einen link zu Ihrem manifest innerhalb der head - Abschnitt Ihrer Seite:

    <link href="http://yoursite.com/manifest.json">

    2) Erstellen Sie Ihre manifest-Datei "manifest.json"

    {
"name":"A nice title for your web app",
"display":"standalone",
"orientation":"portrait"
}

    3) Lesen Sie mehr über manifestiert HIER

    Als Hinweis: das funktioniert nur im standalone-Modus.
    was meinst du mit standalone?
    Siehe den link in der post, oder besuchen Sie developer.chrome.com/multidevice/android/installtohomescreen für ein bisschen mehr info über das Thema.

    InformationsquelleAutor bcintegrity

  2. 2

    Aus meinen tests, die die Zuordnung der Bildschirm.lockOrientation ( alle browser-Versionen ) einen var-werfen Sie einen illegalen Aufruf-Fehler. Einfach nutzen Sie den wind.Bildschirm.Orientierung.lock('Landschaft'); . Es

    BEARBEITEN: Sie können nicht verwenden, sperren der Ausrichtung auf safari, weil es nicht unterstützt fullscreen-api im moment http://caniuse.com/#feat=fullscreen . Jetzt den [lock orientation API BRAUCHT man eine fullscreen-Seite zu arbeiten. In Chrome das Fenster.Bildschirm.Orientierung.Schloss zurückzukehren ein Versprechen. So, NACHDEM Sie gehen Vollbild mit der Seite, können Sie etwas wie das hier tun :

    var lockFunction =  window.screen.orientation.lock;
if (lockFunction.call(window.screen.orientation, 'landscape')) {
           console.log('Orientation locked')
        } else {
            console.error('There was a problem in locking the orientation')
        }

    Jedoch, die sperren der Ausrichtung und fullscreen-API noch experimentell, nicht von allen Browsern unterstützt.

    Ich denke, deine Antwort ist unvollständig
    Vielleicht ist die Antwort unvollständig war, aber ich dont denke, die anderen 2 waren komplett: nur Ausschneiden und einfügen von MDN. Zumindest habe ich eine funktionierende Implementierung der API.
    Dies funktioniert auf Chrome für Android! Die numpty, dass downvoted ist eine Spaßbremse.

    InformationsquelleAutor Davide Arcinotti

  3. 0

    Können Sie verwenden:

    screen.addEventListener("orientationchange", function () {
  console.log("The orientation of the screen is: " + screen.orientation);
});

and 

screen.lockOrientation('landscape');

    Folgenden: https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation

    :vielen Dank für die Hilfe.aber der obige code doesn t scheinen zu arbeiten, um auf chrome.Gibt es irgendeine andere Lösung?
    versuchen Sie, Körper[orient="Landschaft"] oder Körper[orient="portrait"]

    InformationsquelleAutor Tran Quoc Hung

  4. 0

    Den lockOrientation Methode sperrt den Bildschirm in die gewünschte Ausrichtung.

    lockedAllowed = window.screen.lockOrientation(orientation);

    Aus dem folgenden code können Sie überprüfen, ob Orientierung gesperrt ist oder nicht.

    var lockOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;

if (lockOrientation("landscape-primary")) {
   //orientation was locked
} else {
  //orientation lock failed
}

    finden Sie unter folgendem link, erhalten Sie die Idee.

    https://developer.mozilla.org/en-US/docs/Web/API/Screen.lockOrientation

    der angegebene code scheint nicht zu funktionieren unter chrome und safari.Gibt es irgendeine andere Lösung.Danke
    es funktioniert nur, wenn ein element im Vollbildmodus ist

    InformationsquelleAutor MFP

Schreibe einen Kommentar