我正在iPhone上网的应用程序,我使用的是"苹果-移动网络的应用程序的能力"元标记,以获得"全屏幕模式"。当我发射的应用程序,它显示了一个图片网页在我离开的最后时间,同时它负荷。它看起来像应用程序已经准备好接受输入时,它不是,这是令人困惑。

它是能够改变的默认行为,并显示一个空白的画面,直到它准备接收输入?

有帮助吗?

解决方案

把这个你的头标记之间:

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

使用必须是JPG或PNG具有320x460的分辨率的图像

其他提示

这将增加一个初始屏幕到你的网应用程序。下面的尺寸,你会需要iPad(两者的视网膜和非),iPhone/iPod接触(视网膜和非),和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">

如果创建一个网络应用程序兼容性的建议,横向和纵向的尺寸的使用。

它必须是320x460,它不会如果其小320x480工作。

图片必须是PNG和320x460这只有下iPhone OS 3.0或更高。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top