크롬 전체화면 동작 관련

 

 

=================================

=================================

=================================

 

 

 

 

 

 

출처: https://okky.kr/article/312629

 

개발한 웹 사이트가 있습니다.

근데 이 웹사이트는 무조건 크롬에서 F11누른것과 동일하게 전체화면으로만 열려있어야 합니다..

 

근데 특정pc에서만  실행이 되는 웹사이트라서 

이렇게 개발하려고 하니 제일 편한 방법이 크롬 exe 바로가기를 만든 다음에

속성 -> 대상에 "chrome.exe 뒤에 -kiosk 웹페이지 주소" 이렇게 설정을 하면

크롬이 열릴때마다 전체화면으로 열린다고 하더라구요..

 

출처 : http://monkeychoi.blog.me/60129834813  입니다

 

근데 위 출처에 작성자님 말대로 해보니까 아무리 해도 안먹히던데..

혹시 다른 설정을 건드려야되는게 있는건지.. 저와 같은 방법으로 전체화면 실행을 해결하신

분이 있는지 궁금하네요..;;

 

제대로 개발한다면 자바스크립트 등을 이용해서 해야되는데 트리거로 이벤트를 강제로

실행시킨다 하더라도 이벤트내에 F11 이 눌러진 효과를 작성해야되는게 아니라

강제로 F11이 눌러지게 하는 뭐 그런게 필요한데.. 그런식의 접근에 대한 예제라던지

이런게 거의없더라구요... 

 

크롬 브라우저를 사용자가 손대지 않아도

전체화면으로 할수있는 아이디어 있으시면 조언 이나 공유 부탁드립니다..

 

참고로 새창으로 열기는 안될것 같습니다. 이미 구현된 소스가 새창으로 여니까 글자가

움직이는 그런게 있는데 안먹히더라구요.. 또 소스단을 다 바꿔야되서 .. 왠만하면

기존창 그대로 해야됩니당.. 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

Chromium source를 살펴보니 kiosk 스위치가 있네요.

https://code.google.com/p/chromium/codesearch#chromium/src/chrome/common/chrome_switches.cc&q=kKioskMode&sq=package:chromium&type=cs&l=677 

테스트 해보니 잘 동작하는 것 같습니다.

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -kiosk http://www.naver.com 

위와 같이 실행하면 kiosk 모드로 열리네요.

단 이미 브라우저 프로세스가 UI 모드로 동작하고 있을 때는 kiosk 모드로 동작하지 않습니다.

 

 

 

=================================

=================================

=================================

 

 

 

출처: http://forgiveall.tistory.com/284

 

 

///// JavaScript

모바일에서 웹브라우져에서 주소창을 없애려는 노력이 많다.

 

포기하고 있었는데... 이런 방법도 있으니 참고 !

 

 

 

모바일이냐 데스크탑이냐에 관계없이 웹브라우져의 기본 기능으로서 제공되는 것이다.

 

자바스크립트는 정말 훌륭하지만, 아직은 통일이 안되어서(?) 밴더프리픽스를 써야만하는 지저분한 단계인 것 같다.

 

 

 

 

 

///// requestFullScreen (풀스크린을 요청하기)

 

<script>

// 원하는 DOM객체를 인자로 받는다.

function startFS(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.webkitRequestFullScreen ) { element.webkitRequestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.msRequestFullscreen) { element.msRequestFullscreen(); // IE } }

</script>

 

 

 

 

///// exitFullscreen (풀스크린에서 나오기)

 

<script>

// document만 인자로 받도록 하자!function exitFS(element) { if (element.exitFullscreen){ element.exitFullscreen(); }else if(element.cancelFullScreen) { element.cancelFullScreen(); } else if(element.webkitCancelFullScreen ) { element.webkitCancelFullScreen(); } else if(element.mozCancelFullScreen) { element.mozCancelFullScreen(); } else if (element.msExitFullscreen) {                element.msExitFullscreen(); // IE         }

 

}

</script>

 

///// only user can do  (오직 사용자만 풀스크린을 요청할 수 있다)

사용자의 행동에 의해서만 동작하게 설계되었다고 한다.

바로 실행되게 스크립트를 만들거나 onload나 JQuery의 ready같은 것으로 시작과 동시에 풀스크린을 할 수 는 없다는 것 같다.

 

<button onclick="startFS(document)">Fullscreen</button>

<button onclick="exitFS(document)">exit</button>

 

 

 

///// IE의 경우 ActiveX(액티브엑스)를 사용하여 웹페이지의 시작과 동시에 또는 원할 때 풀스크린이 가능하다.

<script>

// IE

    function max() {

        var wscript = new ActiveXObject("Wscript.shell");

        wscript.SendKeys("{F11}");

    }

    max();

</script>

 

 

 

///// 참조

Building an amazing fullscreen mobile experience:

http://www.html5rocks.com/en/mobile/fullscreen/

 

HOW TO USE THE FULLSCREEN API:

http://www.webdesignerdepot.com/2013/03/how-to-use-the-fullscreen-api/

 

How to enable IE full-screen feature like firefox and chrome:

http://stackoverflow.com/questions/13503016/how-to-enable-ie-full-screen-feature-like-firefox-and-chrome

출처: http://forgiveall.tistory.com/284 [하하하하하]

 

 

 

=================================

=================================

=================================

 

 

 

출처: http://blog.naver.com/PostView.nhn?blogId=monkeychoi&logNo=60129834813

 

 

 

브라우저를 전체화면으로 만드는 방법은 일반적으로 F11 키를 누르면 된다 전체화면 해제할때도 F11이다

스크립트를 이용하는 경우는 통상 window.open 에 fullscreen=yes 를 주어 새창으로 전체화면으로 띄우는 방식을 사용하기도 한다

 

그러나 !!!

 

구글 크롬은 위 스크립트가 동작하지 않는다!!

 

한가지 유용한 정보는 크롬 브라우저도 키오스크(Kiosk) 같은 환경으로 지원하기 위해 브라우저를 기본적으로 전체화면으로 실행하는 옵션을 제공한다.

 

chrome.exe 의 바로가기를 하나 만들고 (username\AppData\Local\Google\Chrome\Application\chrome.exe 보통 여기에 있다)

바로가기 속성 창을 연 후 대상 항목에 있는 부분을  “chrome.exe –kiosk http://페이지 URL” 과 같이 변경한 후 확인

즉 -kiosk 옵션과 페이지 주소를 넣으면 바로가기 실행시 브라우저가 전체화면이 되면서 해당 URL이 열린다

 

이 경우 F11 로 전체화면을 한 것과는 다르게 F11로 원상태로 복구가 안된다. (하긴 키오스크 환경에서는 안되야지...ㅋ)

키보드 Alt + F4 로 닫아야 한다

 

참고로 IE에서도 같은 옵션을 지원한다 IE에서는 -kiosk 가 아니고  -k 다

 

이상

 

[출처] 구글 크롬(Chrome) 전체화면 만들기(Full Screen Kiosk Mode)|작성자 몽키초이

 

 

 

 

=================================

=================================

=================================