Можно ли изменить ориентацию iPhone/iPad в браузере?

Question

Я видел похожие вопросы по этой проблеме, но они связаны с родными приложениями. Я создаю веб-приложения для iPhone/iPad, которые запускаются в браузере (Safari).

Мне было интересно, есть ли способ предотвратить изменение ориентации в браузере, возможно, через некоторый метатег. Я знаю метатег viewport, который позволяет вам указывать возможности масштабирования и масштабирования, поэтому, возможно, есть что-то подобное для ориентации.

Я сомневаюсь, что это возможно, но я думал, что просто напишу здесь вопрос.

Answer 1

Это не представляется возможным предотвратить изменение ориентации, но вы можете обнаружить его с кодом, упомянутым выше.

Если вы хотите предотвратить изменение ориентации, кажется, вам нужно создать собственное приложение с использованием WebKit, которое отменит событие.

Answer 2

Да, на самом деле вы можете.

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 
} 

Это написано где-то в iPhone док, но я не могу найти его :).

UPDATE
Here from iPhone docs

Answer 3

Почему вы не можете просто поставить event.preventDefault() внутри функции?

Answer 4

Вы могли бы быть очень сложно, и повернуть тело сайта, чтобы противодействовать изменению ориентации, если ничего не работает ...

Answer 5

вы не можете предотвратить это, но вы можете изменить ориентацию тела, в соответствии с ориентация ipad.

Используйте ответ medopal, чтобы определить ориентацию и изменить ориентацию вашего тела.

, например:

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

Answer 6

Эти бит код будет поддерживать ориентацию на -90 градусов (хорошо для ландшафтного режима, IPad 2 в крышке будет висеть на спинке). Поместите это под тегом body body в сценарий или оберните последние две строки при вызове onready.

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

window.onorientationchange = orient;  
orient();