iPhone网络应用启动画面

Question

我正在开发一个iPhone网络应用程序，我正在使用“apple-mobile-web-app-capable”元标记来获得“全屏模式”。当我浏览应用程序时，它会显示我最后一次加载时离开的页面的图片。看起来应用程序已经准备好接收输入，而不是，这是令人困惑的。

是否可以更改默认行为并显示空白屏幕，直到它准备好接收输入？

Answer 1

把它放在你的HEAD标签之间：

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

您使用的图像必须是JPG或PNG，分辨率为320x460

Answer 2

这将为您的Web应用程序添加启动画面。以下是iPad（视网膜和非视网膜），iPhone / iPod Touch（视网膜和非视网膜）和iPhone 5所需的尺寸。这些包括状态栏区域。

Apple Docs-Launch Images，Apple Docs-Icon and Image Sizes

<!-- 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兼容性创建Web App，建议使用横向和纵向尺寸。

Answer 3

它必须是320x460，如果它的320x480它将无法工作。

Answer 4

图像必须为PNG和320x460，仅适用于iPhone OS 3.0或更高版本。