웹 응용 프로그램에서 브라우저 고유의 전체 화면을 사용하는 대화 상자를 제공합니다.

Question

전체 화면으로 작성된 브라우저를 사용하는 대화 상자를 트리거하는 방법이 있습니까? 내가 사용하는 일반적인 경우 10 분 이상 응용 프로그램을 검색하는 WebGL을의 웹 어플리케이션을

:

질문 매개 변수 (일반적으로 F11를 통해 액세스 할 수있는보기의 예 모드) (그리고 전체 화면을 떠나) 집중적으로 그동안 사용자에게 전체 화면을 제안하고 싶습니다. 따라서 UI가 브라우저의 차이에 의해 방해받지 않고 최대한의 화면 공간을 사용할 수 있습니다.

이 (전체 화면에 팝 업을 만드는 방법에는 여러 가지가 있습니다 -하지만이 모든 브라우저에서 작동하지 않는 최선의 경우 :. 브라우저 기능에 비 모달 자바 스크립트 accessable 한 API)

크롬, 파이어 폭스, 오페라, (IE) - 중요성의 순서대로 솔루션.

피할 수있는 질문 매개 변수는 논의하지 마십시오. 중요한 것이 없다면 나는 놓쳤다. =)

Answer 1

작품에 표준이 있지만 앞으로 1 년 또는 2 년 동안은 그다지 중요하지 않습니다. 표준 승인은 매우 느립니다. 이것은 부분적으로는 Google의 Vincent Schieb에 의해 Chrome에서 구현 된 좋은 기능인 마우스 잠금과 관련이 있습니다.

function fs() { 
    var elem = document.getElementById("test"); 
    elem.onwebkitfullscreenchange = function() { 
     console.log ("We went fullscreen!"); 
    }; 
    elem.webkitRequestFullScreen(); 
} 

: 당신이 매일 밤 웹킷 브라우저에서 작업 전체 화면 API를 테스트하려면

(예를 들어 크롬 카나리아는) 여기에 페이지가 전체 화면으로 이동하게됩니다 자바 스크립트 코드입니다