웹브라우저 주소표시줄(창) 없애는 HTML/jQuery 코드

주소 표시줄 또는 주소 표시창을 없애는 방식이 애플 모바일 사파리에서 HTML meta 코드로 제공되는데,

jQuery 를 사용하면 안드로이드 웹브라우저에서도 구현 가능합니다. 차이는 있습니다.. ^^.

아래 1과 2 두가지 코드를 모두 사용하면 문제 해결입니다. ^^.

1. 애플 모바일 사파리

<meta name="apple-mobile-web-app-capable" content="yes" />

안드로이드 기기에서는 아직까지 적용되지 않구요.. 앞으로도 아마 적용되지 않을 코드입니다. meta name 에 apple 이 들어가거든요..

애플 OS 라도 모바일 기기의 iOS 에서는 구현되지만, 맥북이나 맥북 에어 등의 PC 에서는 적용되지 않구요.

2. jQuery

$(window).load(function(){

  setTimeout(scrollTo, 0,0,1);

});

이 코드도 body 에 구현되는 내용의 height 값이 모바일 기기 웹브라우저의 height 값을 초과할 때만 작동이 되고,

PC 용 웹브라우저에서는 작동하지 않으며, iOS 사파리에서는 1픽셀만 위로 숨겨질 뿐입니다.

어떤 때에는 주소창이 숨겨지고, 어떨 때에는 감춰지지 않는다는 점을 명심해야 합니다.

.Fine.