iPhone 웹 앱 시작 화면

StackOverflow https://stackoverflow.com/questions/697366

문제

"Apple-Mobile-Web-Appable"메타 태그를 사용하여 "전체 화면 모드"를 얻는 iPhone 웹 앱에서 작업하고 있습니다. 내가 앱을 lauch 할 때 그것은 내가 마지막으로 남은 페이지의 그림을 보여줍니다. 앱이 입력을받을 준비가되지 않은 것처럼 보이며 혼란 스럽습니다.

기본 동작을 변경하고 입력을받을 준비가 될 때까지 빈 화면을 표시 할 수 있습니까?

도움이 되었습니까?

해결책

헤드 태그 사이에 이것을 넣으십시오.

<link rel="apple-touch-startup-image" href="image.jpg">

사용하는 이미지는 320x460의 해상도를 가진 JPG 또는 PNG 여야합니다.

다른 팁

웹 앱에 스플래시 화면이 추가됩니다. 다음은 iPad (Retina and Non), iPhone/iPod Touch (Retina and Non) 및 iPhone 5에 필요한 크기입니다. 여기에는 상태 표시 줄 영역도 포함됩니다.

Apple Docs-런치 이미지, Apple Docs-Icon 및 이미지 크기 

<!-- iPhone (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-RETINA.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<!-- iPhone 5 -->
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-Tall-RETINA.jpg"  media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<!-- iPad Portrait -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">

<!-- iPad Landscape -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">

<!-- iPad Portrait (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<!-- iPad Landscape (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

iPad 호환성을위한 웹 앱을 작성하는 경우 조경과 초상화 크기를 모두 사용하는 것이 좋습니다.

320x460이어야합니다. 320x480은 작동하지 않습니다.

이미지는 PNG 및 320x460이어야합니다. 이것은 iPhone OS 3.0 이상에서만 작동합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top