브라우저에서 iPhone/iPad 방향이 변경되는 것을 방지 할 수 있습니까?

Question

이 문제와 관련하여 비슷한 질문을했지만 기본 앱과 관련되어 있습니다. 브라우저 (Safari)에서 실행되는 iPhone/iPad 용 웹 앱을 제작합니다.

아마도 일부 메타 태그를 통해 브라우저에서 방향 변경을 방지하는 방법이 있는지 궁금합니다. 스케일 및 확대/축소 기능을 지정할 수있는 뷰포트 메타 태그를 알고 있으므로 방향에 대해 비슷한 것이 있다고 생각됩니다.

나는 그것이 가능한지는 의심 스럽지만, 나는 단지 여기에 질문을 던질 것이라고 생각했다.

Answer 1

그것은 방향 변경을 방지 할 수 표시되지 않습니다,하지만 당신은 위에서 언급 한 코드로 검색 할 수 있습니다.

방향 변경을 방지하려면 이벤트를 중단하는 WebKit을 사용하여 기본 앱을 빌드해야하는 것처럼 보입니다.

Answer 2

예, 실제로 가능합니다.

자바 스크립트 :

/*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 
} 

그것은 아이폰 문서 어딘가에 작성,하지만 나는 그것을 찾을 수 없습니다 :).

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

코드의이 비트 (아이 패드 2의 커버가 다시 걸려됩니다 가로 모드에 대한 좋은) -90도에서 방향을 유지합니다. 이것을 스크립트의 end 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();