|
$(".target")[0].getBoundingClientRect().width;
| [jquery plugin] swipe (IE7+) (0) | 2016.03.08 |
|---|---|
| IE에서 (유투브) 동영상 z-index가 제대로 적용되지 않을 때 (0) | 2015.03.13 |
| 슬라이더 input range 예제 (0) | 2014.12.09 |
| 유용한 제이쿼리 효과들 (0) | 2014.06.20 |
| jQuery와 다른 javascript 라이브러리의 충돌 방지처리 (jQuery.noConflict();) (0) | 2014.02.27 |
호정찐 <meta name="format-detection" content="telephone=no">
| display:inline 사용시 공백제거 (모든 브라우저) (0) | 2015.09.08 |
|---|---|
| 웹접근성을 지원하는 그래프 차트 플러그인 nWagon (0) | 2014.02.13 |
| mailto 의 여러 속성 (0) | 2014.01.15 |
| <button> 태그 관련 (0) | 2013.11.28 |
| select박스 스타일 주기 스크립트 (0) | 2013.10.17 |
호정찐 안드로이드OS 기반의 터치스크린에 키오스크 화면을 만들게 됐다.
크롬 pc버전의 경우 f11을 누르면 전체화면이 간단하게 구현되지만 크롬 모바일버전의 경우는 f11의 기능이 없다.
그래서 검색을 해보니 구글 개발자 페이지에서 ‘전체화면경험구현’ 이라는 글로 몇가지 방법에 대해 제시하고 있다.
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/?hl=ko
제시된 방법중에 ‘웹 앱 매니페스트’ 라는 방법을 이용했다.
사용 방법은 간단하다.
우선 페이지 헤더에 전체 화면 실행을 알리는 메타태그와 minifest.json 파일을 링크걸어준다.
그리고 manifest.json파일을 아래처럼 작성해준다.
start_url 은 시작될페이지 주소로 해주고, display는 standalone을 해줘야 브라우저의 툴바가 사라진다.
short_name, name, icons는 각자의 사이트에 맞게 넣어준다.
코드상 만들어줄 부분은 여기까지이다.
디바이스의 크롬 브라우저를 띄워 페이지에 접속한 후 설정에 ‘홈화면에 추가’ 를 누르면 홈 화면에 사이트에 바로 접속할 수 있는 아이콘이 만들어진다.
[출처] http://mcatcher3.cafe24.com/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%AA%A8%EB%B0%94%EC%9D%BC-%ED%81%AC%EB%A1%AC-fullsize%EA%B5%AC%ED%98%84/
| [스크랩] [Mobile] 모바일웹, input type 에 따른 아이폰 키보드의 변화 (0) | 2015.10.15 |
|---|---|
| 반응형 웹에서 이미지맵 걸기 (0) | 2015.09.03 |
| 페이지 로딩 후 상단 주소바 감추기 (0) | 2015.08.26 |
| 아이폰 사파리 브라우저에서 숫자에 자동링크 제거하는 법 (0) | 2015.08.25 |
| 모바일 작업시 해상도 계산하기 (0) | 2015.06.19 |
호정찐 
