tela de inicialização do aplicativo para iPhone web

Question

Eu estou trabalhando em um aplicativo web iPhone onde eu estou usando o "apple-mobile-web-app-capazes" tag meta de obter "modo de tela cheia". Quando eu lauch o aplicativo que mostra uma imagem da página onde saí da última vez, enquanto ele carrega. Parece que o aplicativo está pronto para receber de entrada quando não é, e que é confuso.

É possível alterar o comportamento padrão e mostrar uma tela em branco até que esteja pronto para receber de entrada?

Answer 1

colocar isso entre as suas tags HEAD:

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

A imagem que você usar deve ser JPG ou PNG com uma resolução de 320x460

Answer 2

Isto irá adicionar uma tela inicial para o seu Web App. Abaixo estão os tamanhos que você precisa para iPad (ambos retina e não), iPhone / iPod Touch (retina e não), e iPhone 5. Estes incluem a área da barra de status também.

da Apple Docs-Lançamento Imagens , Apple Docs-Icon e imagem tamanhos

<!-- 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">

Se a criação de uma App Web para compatibilidade com iPad é recomendado que ambos os tamanhos retrato e paisagem são utilizados.

Answer 3

Deve ser 320x460, não vai funcionar se o seu 320x480.

Answer 4

A imagem deve ser PNG e 320x460 isso funciona somente sob iPhone OS 3.0 ou superior.