<meta name="viewport" content="width=device-width, initial-scale=1">
<h2>홈짱닷컴</h2>
<p>Homzzang.com</p>
<button onclick="openFullScreen();">전체화면모드 열기</button>
<button onclick="closeFullScreen();">전체화면모드 닫기</button>
<script>
var docu = document.documentElement;
function openFullScreen() {
if (docu.requestFullscreen) {
docu.requestFullscreen();
} else if (docu.mozRequestFullScreen) { /* Firefox */
docu.mozRequestFullScreen();
} else if (docu.webkitRequestFullscreen) { /* Chrome, Safari, Opera */
docu.webkitRequestFullscreen();
} else if (docu.msRequestFullscreen) { /* IE/Edge */
docu.msRequestFullscreen();
}
}
function closeFullScreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
</script>
결과보기
