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


12

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


이것에 대한 많은 답변은 이미 stackoverflow.com/questions/18813476/…
AllInOne

여기에 예제 코드보다 작동하는 SO에 대한 답변이 없습니다. 흠 ...
bmike

답변:


15

방법이 있습니다<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 (공식 최종 릴리스)에서 작동한다는 것을 확인했습니다. 위에서 설명한 메타 태그 솔루션을 사용하는 내 웹 앱으로 직접 확인할 수 있습니다 .

여기에 이미지 설명을 입력하십시오


마지막 릴리스를 기다렸다가 시험 해본 후 답변을 수락하겠습니다. 고마워
svassr

흠. 7.1.1을 사용하고 있으며 위에 링크 된 웹 앱이로드 될 때 주소 표시 줄 등을 숨기지 않습니다. 그들은 7.1.1에서 그것을 깨뜨 렸습니까?
Brian B

7
이것은 iOS8에서 제거되었습니다.
찰리 슐 라이저

1
IOS8 구현에 대한이 게시물을 확인하십시오 : stackoverflow.com/questions/24889100/…
svassr

1

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


5
이 솔루션은 홈 화면에 앱으로 추가 한 웹 페이지에서만 작동합니다.
svassr
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.