iOS 7 Safari에서 주소 표시 줄과 상태 표시 줄을 숨길 수 있습니까?

iOS 7에서 주소 표시 줄과 상태 표시 줄을 숨길 수 있습니까?

가로 앱에서는 현재 아래 iOS 코드를 사용하여 이전 iOS 버전에서 사용하고 있으며 IOS 7에서도 잘 작동합니다. 페이지를 열면 전체 화면으로 이동하여 그대로 유지됩니다.

JS :

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

HTML :

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

사실 iOS 7 iPhone 및 iPad에서 화면 하단을 탭하면 주소 표시 줄과 상태 표시 줄이 나타나고 제거하는 유일한 방법은 전화 방향을 변경 한 다음 이전 방향으로 다시 변경하는 것입니다. 어쨌든 그 조작을 피할 수 있습니까?

방법이 있습니다<meta name="viewport" content="minimal-ui”>
( 하지만 iOS 7.1에서만 작동하며 7.0 및 8.0에서는 작동하지 않습니다 )

출처 : StackOverflow

iOS 7.1 베타 2 변경 로그 및 릴리스 정보 에서 자세한 내용 :

사파리 노트

페이지가로드 될 때 iPhone의 상단 및 하단 막대를 최소화 할 수있는 뷰포트 메타 태그 키에 minimal-ui 속성이 추가되었습니다. 최소 UI를 사용하는 페이지에서 상단 표시 줄을 누르면 표시 줄이 다시 나타납니다. 내용을 다시 누르면 다시 닫힙니다.

예를 들어을 사용하십시오 <meta name=”viewport” content=”width=1024, minimal-ui”>.

업데이트 : 이 방법은 iOS 7.1 (공식 최종 릴리스)에서 작동한다는 것을 확인했습니다. 위에서 설명한 메타 태그 솔루션을 사용하는 내 웹 앱으로 직접 확인할 수 있습니다 .

이 권장 사항을 보았습니다 <meta name="apple-mobile-web-app-capable" content="yes"> .UI를 숨기는 독립 모드로 사이트를 실행합니다. 이것이 위의 최소 UI 솔루션과 어떻게 비교되는지 확실하지 않습니다. 이 솔루션이 7.1 이전의 iOS 버전에서도 작동한다는 인상을 받았습니다.