JavaScript를 사용하여 웹 페이지를 전체 화면으로 만들려면 어떻게 해야 합니까?

JavaScript로 창을 전체 화면으로 만드는 방법

오늘날의 웹 개발 환경에서는 내용을 가득 채우는 콘텐츠를 표시해야 하는 경우가 점점 더 많아지고 있습니다. 전체 사용자 화면. 이는 JavaScript를 사용하여 달성할 수 있지만 접근 방식은 사용되는 브라우저에 따라 다를 수 있습니다.

Chrome, Firefox, Safari 및 IE와 같은 최신 브라우저의 경우 요청하는 데 사용할 수 있는 표준 JavaScript 방법이 있습니다. 전체 화면 모드. 이 메소드를 requestFullScreen이라고 합니다. 이를 사용하려면 전체 화면으로 만들려는 요소를 메소드에 전달하면 됩니다. 예:

function requestFullScreen(element) {
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    }
}
var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);

이전 버전의 IE는 requestFullScreen 메서드를 지원하지 않습니다. 그러나 ActiveX를 사용하는 이전 IE 브라우저에서는 창을 전체 화면으로 만드는 것이 여전히 가능합니다. 여기에는 새 ActiveX 개체를 만들고 브라우저에 키 입력 명령을 보내는 작업이 포함됩니다. 다음 코드는 이를 수행하는 방법을 보여줍니다.

if (typeof window.ActiveXObject !== "undefined") { // Older IE.
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript !== null) {
        wscript.SendKeys("{F11}");
    }
}

사용자가 먼저 전체 화면 요청을 수락해야 한다는 점에 유의하는 것이 중요합니다. 페이지 로드 시 이를 자동으로 트리거하는 것은 불가능합니다. 요청은 버튼 클릭과 같은 사용자 작업에 의해 시작되어야 합니다.

다양한 브라우저에서 전체 화면 모드를 사용하는 방법에 대한 자세한 내용은 Mozilla 개발자 네트워크 설명서(https://developer.mozilla)를 참조하세요. org/ko/DOM/Using_full-screen_mode.

위 내용은 JavaScript를 사용하여 웹 페이지를 전체 화면으로 만들려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!