Modalità di orientamento "Paesaggio" forzata

Question

Sto provando a forzare la modalità "Paesaggio" per la mia applicazione perché la mia applicazione non è assolutamente progettata per la modalità "ritratto". Come posso farlo?

qualche suggerimento? grazie

Answer 1

Ora è possibile con manifest manifest Web HTML5. Vedi sotto.

---

risposta originale:

Non è possibile bloccare un sito web o un'applicazione web con un orientamento specifico. Va contro il comportamento naturale del dispositivo.

È possibile rilevare l'orientamento del dispositivo con le media query CSS3 come questo:

@media screen and (orientation:portrait) { 
    // CSS applied when the device is in portrait mode 
} 

@media screen and (orientation:landscape) { 
    // CSS applied when the device is in landscape mode 
} 

O legandosi un JavaScript evento di modifica dell'orientamento come questo:

document.addEventListener("orientationchange", function(event){ 
    switch(window.orientation) 
    { 
     case -90: case 90: 
      /* Device is in landscape mode */ 
      break; 
     default: 
      /* Device is in portrait mode */ 
    } 
}); 

---

Aggiornamento sulla 12 novembre: ora è possibile con il manifest webapp HTML5.

Come spiegato in html5rocks.com, ora è possibile forzare la modalità di orientamento utilizzando un file manifest.json.

è necessario includere quelli riga nel file JSON:

{ 
    "display":  "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */ 
    "orientation": "landscape", /* Could be "landscape" or "portrait" */ 
    ... 
} 

e avete bisogno di includere il manifesto nel file HTML in questo modo:

<link rel="manifest" href="manifest.json"> 

Non esattamente sicuro di quello che il supporto è sul manifest di webapp per bloccare la modalità di orientamento, ma Chrome è sicuramente lì. Aggiornerà quando ho le informazioni.

Answer 2

screen.orientation.lock('landscape'); 

Si imporrà per passare a e rimanere in modalità orizzontale. Testato su Nexus 5.

http://www.w3.org/TR/screen-orientation/#examples