[모바일 사파리] 홈 스크린 / 풀 스크린 모드 / 시작 화면 조작하기

웹 클립 아이콘

• 사파리에서 특정 페이지를 홈 스크린으로 만들때 모바일 사파리는 아이콘으로 만들 웹 클립 파일을 해당 웹페이지에서 찾는다.
• 파일명: apple-touch-icon-precomposed.png
• 다른 곳에 파일을 두고 있다면 link 태그로 지정하면 된다.

<link rel="apple-touch-icon" href="gilbird.png" />
<link rel="apple-touch-icon-precomposed" href="gilbird.png" />

풀 스크린

• 다음 태그를 넣어두고 페이지를 홈 스크린으로 등록 하면 모바일 사파리는 풀 스크린으로 시작한다.

<meta name="apple-mobile-web-app-capable" content="yes" />

상태바 없애기

• 풀 스크린 모드로 동작하는 경우 아래 메타 태그로 상태바도 조정할 수 있다.

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

시작 화면

• 풀스크린 모드로 시작할 때 다음 메타 태그로 시작화면을 띄울 수 있다.

<link rel="apple-touch-startup-image" href="loading.png" />