2013-07-22 3 views
5

크롬 (안드로이드)에 모바일 브라우저의 주소 표시 줄을 숨길 자바 스크립트우리는 사이트에있는

<body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);"> 

우리는 대부분의 브라우저의 주소 표시 줄 (사파리, 그리고 네이티브 안드로이드 브라우저)의이 줄을 숨길 간단한 JavaScript는 대부분 잘 작동하지만 Chrome에서 이상한 동작을 발견했습니다. 실제로 페이지가 아래로 스크롤되지만 주소 표시 줄은 숨기지 않습니다. 페이지로드 후 사용자가 손가락으로 조금 아래로 스크롤하면 주소 표시 줄이 정상적으로 숨겨집니다. 깜빡 몇 가지 트릭이있는 경우

누구나 알고 ...

는 또한 전체가 스크롤 페이지의 결과는 JS 모든 페이지를 아래로 스크롤 시도하고 주소 표시 줄에 여전히 볼 수 있습니다 또는이 기능이 단순히 Chrome에 없는지 여부

+0

를 클릭하면 주소 표시 줄을 숨길 수있는 방법을 방법은? – Blackbelt

+0

아니요, 웹 사이트의 모바일 버전 (webapp과 같은 형식)이 있으며 장치 브라우저의 주소 표시 줄을 숨기고 싶습니다. 기본 브라우저와 함께 작동하며 doplhin, 사파리, 그리고 좀 더,하지만 크롬과 함께이 해킹이 작동하지 않습니다. –

답변

10

scrollTo (0,1)는 아직 (이 최근에 추가 한 후 제거) 안드로이드 크롬에서 지원되지 않습니다. 우리는 FullScreen API를 가지고 있습니다. 그러나 그것은 당신이 달성하기를 원하는 것에 다소 힘이들 것입니다.

+0

scrollTo()는 Android 용 Chrome에서 완벽하게 지원되며 사용자가 생각하는대로 작동하지 않습니다. – GreySage

2

Chrome 모바일의 최신 업데이트 (7 월 22 일)가 툴바 자동 숨기기 기능을 위반 한 것으로 보입니다. 페이지를 아래로 스크롤 할 때 툴바는 더 이상 자동 숨김을하지 않습니다. Nexus 4의 경우입니다.

7 월 22 일 업데이트는 태블릿에서 전체 화면 모드를 제공합니다. 그러나 나는 그들이 실수로 스마트 폰을위한 기능을 어긴 것 같아요. 이전에는 스마트 폰에서 전체 화면 모드가 작동했습니다.

Chrome Browser Play Store

0

내가 찾은 당신이 당신의 응용 프로그램에서 웹보기를하고 주소창을 숨기시겠습니까 첫째

if (document.body.webkitRequestFullScreen) { 
    window.addEventListener('click', function(e) { 
    if (e.target.type != 'text' && e.target.type != 'password') { 
     body.webkitRequestFullScreen(); 
     window.setTimeout(function() { 
     document.webkitCancelFullScreen(); 
     }, 500); 
    } 
    }, false); 
} 
+2

"첫 번째 터치 이벤트를 가로 채서 requestFullscreen을 실행하지 마십시오." - http://www.html5rocks.com/en/mobile/fullscreen/ – CoDEmanX