변경 아이폰 OS (10) 웹 응용 프로그램의 상태 표시 줄

Question

내가 (프레임 워크 7에게 사용) 아이폰 OS 10에 대한 웹 응용 프로그램에서 일하고 있어요 내가 기본에게 상태 표시 줄의 블랙 색상을 변경하고 싶습니다.

나는이 시도 :

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

을하지만 그것은 작동하지 않습니다 ... 내가 어떻게 할 수 있습니까?

감사합니다. ,

<meta name="apple-mobile-web-app-status-bar-style" content="default"> 

흰색 텍스트와 검은 상태 표시 줄을 얻으려면 :

Answer 1

사용의 CSS

.statusbar-overlay { 
background: black; 

}

Answer 2

검은 색 텍스트가 가벼운 상태 표시 줄을 얻으려면이 시도 사용 :

<meta name="apple-mobile-web-app-status-bar-style" content="default"> 

흰색 텍스트 사용으로 투명한 상태 표시를 얻으려면 :

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

당신이 반투명 상태 표시를 원하시면 this link

, 당신은 페이지 상단에 고정 된 20 픽셀 높은 줄을 추가 할 수 있습니다 참조하십시오. 앱이 전체 화면 모드인지 여부를 확인하기 위해 쿼리를 수행합니다. window.navigator.standalone 읽기 전용 부울 JavaScript 속성을 사용하여 웹 페이지가 전체 화면 모드로 표시되는지 여부를 결정할 수 있습니다.

아직 테스트하지 않았습니다.