"전체 화면 모드"를 얻으려면 "apple-mobile-web-app-capable"메타 태그를 사용하는 iPhone 웹 앱에서 작업하고 있습니다. 앱을 시작하면 마지막으로로드 한 페이지의 그림이 표시됩니다. 앱이 그렇지 않을 때 입력을받을 준비가되어 있고 혼란 스럽습니다.iPhone 웹 앱 시작 화면
입력을받을 준비가 될 때까지 기본 동작을 변경하고 빈 화면을 표시 할 수 있습니까? 당신의 HEAD 태그 사이
넣어이 :
<link rel="apple-touch-startup-image" href="image.jpg">
이는 아이폰 OS 3.0에서 작동 320x460
이미지가 PNG이어야하며, 320x460의 해상도를 가진 JPG 또는 PNG해야합니다 사용하는 이미지 또는 더 높게.
Android 용으로이 방법이 있습니까? – creativeedg10
320x460이어야하며 320x480 인 경우 작동하지 않습니다.
이렇게하면 웹 응용 프로그램에 스플래시 화면이 추가됩니다. 아래는 iPad (망막 및 비 망막 모두), iPhone/iPod Touch (망막 및 비 망막), iPhone 5에 필요한 크기입니다. 여기에는 상태 막대 영역도 포함됩니다.
<!-- 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">
Apple Docs-Icon and Image Sizes는 가로 및 세로 크기가 모두 사용하는 것이 좋습니다 아이 패드의 호환성을 위해 웹 응용 프로그램을 만드는 경우.
감사합니다. 각 이미지의 해상도는 어떻습니까? – tsdexter
여기를 참조하십시오 : http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html – adamdehaven
iPhone의 경우 상태 표시 줄이 시작 이미지의 높이가 480px 인 이유는 무엇입니까? 20 px가 걸리나요? 발사 이미지가 중심을 벗어나지 않습니까? – Crashalot
은 PNG 및 320x460이 아니어야합니다. 320x480 – AlBeebe
실제로 jpeg가 작동합니다. 문서에서는 한 번에 PNG 만 말했지만 더 이상은 말하지 않았습니다. https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html – Darwin
이것은 현재 작성되지 않았습니다 - 내 답변 참조 – adamdehaven