14

我正在开发一个 iPhone 网络应用程序,我正在使用“apple-mobile-web-app-capable”元标记来获得“全屏模式”。当我启动该应用程序时,它会显示我上次加载时离开的页面的图片。看起来应用程序已准备好接收输入,但实际上并没有,这令人困惑。

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

4

4 回答 4

31

这将为您的 Web 应用程序添加一个启动画面。以下是 iPad(视网膜和非视网膜)、iPhone/iPod Touch(视网膜和非视网膜)和 iPhone 5 所需的尺寸。其中还包括状态栏区域。

Apple Docs-启动图像Apple Docs-图标和图像大小

<!-- 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 应用程序,建议同时使用横向和纵向尺寸。

于 2012-03-04T04:04:34.520 回答
14

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

于 2009-09-27T02:06:01.347 回答
13

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

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

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

于 2009-06-24T07:13:22.547 回答
7

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

于 2009-08-03T20:23:12.823 回答