screen.lockOrientation ist keine Funktion

Question

Ich möchte den API-Bildschirm in Js mit Chrom verwenden.

if (navigator.userAgent.match(/(android|iphone)/gi)) { 
     if ('orientation' in screen) { 
      //console.log('// API supported, yeah!'); 
      //console.log('new orientation is ', screen.orientation); 
      screen.lockOrientation('landscape'); 
     } else { 
      console.log('// API not supported '); 
     } 
    } else { 
     //alert('none'); 
    } 

mein Fehler js: gefangen Typeerror: screen.lockOrientation ist keine Funktion

/* andere */

if (navigator.userAgent.match(/(android|iphone)/gi)) { 
    if ('orientation' in screen) { 
     let locOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation; 
     locOrientation('landscape'); 
     console.log('// API supported, yeah!' , locOrientation); 
     console.log('new orientation is ', screen.orientation); 
     //screen.lockOrientation('landscape'); 
    } else { 
     console.log('// API not supported '); 
    } 
} else { 
    //alert('none'); 
} 

mein Fehler js: locOrientation ist keine Funktion

update: 20/04/2017 -> Mit Javascript können wir die Orientierung nicht mit dem Navigator sperren.

Answer 1

Dies ist, weil lockOrientation immer noch das Präfix ist. Siehe die [2] Fußnote in this MDN Artikel. Auch in Chrome ist es unter orientation.lock. Siehe Fußnote [1] im MDN-Artikel.

locOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation || screen.orientation.lock; 
locOrientation('landscape'); 

Bitte beachten Sie, dass nicht alle Browser diese Funktion haben. Bitte überprüfen Sie, ob locOrientation eingestellt ist, bevor Sie es verwenden.

Bearbeiten: Hinzufügen der neuere orientation.lock zum Beispiel.