브라우저 전체 화면 전환 프로그래밍 방식으로

Question

브라우저에서 전체 화면을 전환하려면 Fullscreen API을 사용하고 있습니다. 작동하지만 두 가지 문제가 있습니다.

1. 전체 화면을 볼 때 링크를 클릭하여 내 도메인의 다른 페이지로 이동하면 페이지가 전체 화면으로 표시됩니다. 전체 화면 모드로 계속하고 싶습니다.
2. 크롬에서는 배경이 화면의 전체 높이를 채우지 않습니다.

F11 키를 사용하여 전체 화면을 사용할 때 이러한 문제가 발생하지 않습니다.

이러한 문제의 해결책은 무엇입니까? API가 있습니까?

내 자바 스크립트 코드 :

// toggle fullscren 
function toggleFullScreen(element) { 
    if (!document.fullscreenElement && // alternative standard method 
     !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods 
     launchFullScreen(element); 
    } else { 
     cancelFullscreen(); 
    } 
} 

// Find the right method, call on correct element 
function launchFullScreen(element) { 
    if (element.requestFullScreen) { 
     element.requestFullScreen(); 
    } else if (element.mozRequestFullScreen) { 
     element.mozRequestFullScreen(); 
    } else if (element.webkitRequestFullScreen) { 
     element.webkitRequestFullScreen(); 
    } 
} 

// Whack fullscreen 
function cancelFullscreen() { 
    if (document.cancelFullScreen) { 
     document.cancelFullScreen(); 
    } else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
    } else if (document.webkitCancelFullScreen) { 
     document.webkitCancelFullScreen(); 
    } 
} 

내 버튼을 전체 화면으로 전환 할 수 있습니다 :

<a onclick="toggleFullScreen(document.documentElement);"> 
    <img src="~/Content/icons/fullscreen-launch-icon.svg" /> 
</a> 

Answer 1

아래에 1 번 질문에 대한 모질라 웹 사이트의 말씀입니다 :

또한, 다른 페이지로 이동하여, (예 : Alt-Tab 사용) 은 전체 화면 모드을 종료합니다. Using Full Screen Mode

: 여기

는 링크입니다