iOS6 Safari 전체 화면 감지

Question

iOS6에서 Safari의 새로운 전체 화면 기능을 사용하고 싶습니다. 이제는 javascript에서 전체 화면 기능을 실행할 수 없다는 것을 알고 있습니다. 괜찮 았지만 사용자가 전체 화면 모드로 전환하는 시점을 알고 싶습니다. (사용자가 전체 화면 모드가 될 때까지 "이 웹 사이트는 전체 화면 모드에서 가장 잘보기"라는 텍스트 팝업을 표시합니다.) 창, 문서 및 '래퍼'div 설정을 시도했습니다. 높이를 CSS에서 100 %로 설정) 정상적인 자바 스크립트 및 jQuery 'resize'이벤트를 통해 onresize 이벤트를 표시하지만 전체 화면 모드로 전환하면 트리거되지 않습니다.

화면/문서/래퍼의 너비와 높이의 변화를 확인하기위한 간격도 설정했지만 변경 사항은 표시되지 않았습니다.

사용자가 입력 한 (또는 왼쪽으로) 전체 화면 모드를 확인하는 다른 방법이 있습니까?

Answer 1

좋아, 왜 그것이 전에는 작동하지 않았는지 모르겠지만, 항상 표시하지 않았기 때문에 새로운 사파리 iOS 디버그 콘솔 (이제 맥에서 물마루 사파리가 필요합니다)을 비난합니다. 모든 로그를 콘솔에 보냈습니다.

그러나 메시지를 html 문서 본문에 추가하면 이벤트가 작동합니다. jQuery 'resize'이벤트를 윈도우에 바인딩하는 것이 가장 좋은 방법 인 것 같습니다. 그것이 가장 간단한 해결 그냥 작동하는 것 같다 (320)

의 약 200하지 않을 경우 전체 화면 때 전체 화면

문서 높이는 일이다. (방향 변경 기능과 결합하여 iPhone이 가로 모드 (http://ajaxian.com/archives/iphone-windowonorientationchange-code)인지 확인합니다.

$(window).on('resize', function(){ 
     if ($(this).height() > 300 && 
      (window.orientation == 90 || window.orientation == -90)) { 
      // Full screen! 
     } else { 
      // Exit full screen! 
     } 
    });