iPhone/iPad yönlendirmesinin tarayıcıda değişmesini önlemek mümkün mü?

Question

Bu konuda benzer sorular gördüm, ancak bunlar yerel uygulamalar ile ilgilidir. Tarayıcıda (Safari) çalışan iPhone/iPad için web uygulamaları yapıyorum.

Tarayıcıda yönlendirme değişikliğini engellemenin bir yolu olup olmadığını merak ediyorum. Ölçek ve yakınlaştırma yeteneklerini belirlemenize olanak tanıyan viewport meta etiketini biliyorum, bu yüzden yönelim için benzer bir şey olabilir.

Mümkün olduğundan şüphe duyuyorum, ama sadece burada görmek için bir soru açacağımı düşündüm.

Answer 1

Bu yön değişikliğini önlemek mümkün görünmüyor, ancak yukarıda belirtilen kodla algılayabilir.

Yönlendirmeyi değiştirmek istemiyorsanız, olayı bozan WebKit kullanarak yerel bir uygulama oluşturmanız gerektiği sanki görünür.

Answer 2

Evet, aslında yapabilirsiniz.

JavaScript:

/*window.orientation returns a value that indicates whether iPhone is in portrait mode, landscape mode*/ 
window.onorientationchange = function() { 
var orientation = window.orientation; 

switch(orientation) { 
    case 0: 
     //Portrait mode 
    case 90: 
     // Landscape left 
    case -90: 
     //Landscape right 
} 

Bu iPhone doc yerde yazıldığı, ama ben bulamıyorum :).

GÜNCELLEME
Here from iPhone docs

Answer 3

neden bir event.preventDefault() işlevinin içine koyamadınız?

Answer 4

Yapabilirsin

Answer 5

bunu önleyemezsiniz ama göre, vücudun yönünü değiştirebilir ... gerçekten zor olabilir ve başka bir şey çalışırsa yön değişikliğini karşı koymak web sitesinin vücudu döndürmek ipad yönlendirmesi.

Yönlendirmeyi algılamak ve vücudunuzun yönünü değiştirmek için medopal'in Yanıtını kullanın. örneğin

:

document.getElementsByTagName("body")[0].style.webkitTransform = "rotate(-90deg)"; 

Answer 6

Bu kod bit (iPad 2'nin kapak arkasına üzerinde asılı olacak manzara modu için güzel) -90 derecede yönelimini koruyacaktır. Bunu bir komut dosyasında son gövde etiketinin altına koyun veya son iki satırı bir hazır çağrıda sarın.

function orient() { 
    var keepOrientationAt = -90; 
    var rotate = "rotate(" + (keepOrientationAt - window.orientation) + "deg)"; 
    document.getElementsByTagName("body")[0].style.webkitTransform = rotate; 
} 

window.onorientationchange = orient;  
orient();