페이지를 변경하거나 새로 고침 할 때 전체 화면이 표시되지 않습니다.

Question

웹 응용 프로그램에 전체 화면 모드로 작업 할 수있는 버튼이 있습니다. 내 문제는 현재 페이지에서만 작동한다는 것입니다. 링크를 클릭하거나 다른 방법으로 페이지를 변경하거나 현재 화면을 새로 고침해도 전체 화면 모드가 손실됩니다.

이있다 나는 전체 화면 수 있도록 사용하고 기능 :

// Handle full screen mode toggle 
var handleFullScreenMode = function() { 
    // toggle full screen 
    function toggleFullScreen() { 
    if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods 
     if (document.documentElement.requestFullscreen) { 
     document.documentElement.requestFullscreen(); 
     } else if (document.documentElement.mozRequestFullScreen) { 
     document.documentElement.mozRequestFullScreen(); 
     } else if (document.documentElement.webkitRequestFullscreen) { 
     document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); 
     } 
    } else { 
     if (document.cancelFullScreen) { 
     document.cancelFullScreen(); 
     } else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
     } else if (document.webkitCancelFullScreen) { 
     document.webkitCancelFullScreen(); 
     } 
    } 
    } 

    $('#trigger_fullscreen').click(function() { 
    toggleFullScreen(); 
    }); 
} 

$(document).ready(function() { 
    handleFullScreenMode(); 
}); 

당신이 F11를 클릭 할 때 발생하는 등의 페이지를 변경할 때 그것을 유지 어쨌든 거기를?

Answer 1

불행히도.

API specifies 전체 화면은 현재 또는 내림차순 브라우저 컨텍스트에서만 작동합니다.

페이지가 변경되거나 새로 고쳐지면 브라우저 컨텍스트가 변경되고 전체 화면 효과가 손실됩니다. 함께

는

MDN also reinforces :

... 탭을 변경하거나, 다른 프로그램으로의 전환, 다른 페이지로 이동 (예를 들어, 사용 Alt 키 탭) 화면 모드에있는 동안은 물론 화면 모드를 종료한다.