아이폰 사파리 UI 숨기기

• 아이폰 사파리 UI 숨기기
• 아이폰 사파리 UI 없애기
• 아이폰 전체화면 모드

1 개요

• 아이폰에서 사파리 UI 부분을 없애면 화면을 더욱 넓게 쓸 수 있다.
• 단 "홈 화면에 추가"한 아이콘을 실행했을 때만 가능하다.

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

2 확인 코드

• 자바스크립트로 UI가 숨겨진 전체화면 모드인지 검출할 수 있다.

if (navigator.standalone) {
  alert('전체화면모드입니다.');
}

3 같이 보기

• 모바일 브라우저 주소창 자동숨김
• 아이폰 웹앱 홈 화면 아이콘