web iPhone app de l'écran de démarrage

Je suis en train de travailler sur un iPhone application web où je suis à l'aide de la "apple-mobile-web-app-capable" de la balise meta pour obtenir "mode plein écran". Quand je lance l'application, elle montre une image de la page où je l'ai laissé la dernière fois pendant qu'il se charge. Il semble que l'application est prête à recevoir la saisie lorsqu'il n'est pas, et qui est source de confusion.

Est-il possible de changer le comportement par défaut et afficher un écran vide jusqu'à ce qu'il est prêt à recevoir des commentaires?

OriginalL'auteur PFM | 2009-03-30

  1. 12

    mettre cela entre vos balises d'en-TÊTE:

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

    L'image que vous utilisez doit être le format JPG ou PNG avec une résolution de 320x460

    doit être en PNG et 320x460 PAS 320x480
    En fait les fichiers jpeg. La documentation n'a dire qu'png à un moment, mais pas plus longtemps. developer.apple.com/library/ios/#DOCUMENTATION/...
    Ce n'est plus d'actualité - voir ma réponse

    OriginalL'auteur

  2. 31

    Cela va ajouter un Écran d'accueil à votre Application Web. Ci-dessous sont les tailles que vous aurez besoin pour iPad (à la fois de la rétine et non), iPhone/iPod Touch (de la rétine et non), et l'iPhone 5. Ces comprennent la barre d'état de la zone.

    Apple Docs-Lancement Des Images, Apple Docs-Icône et les Tailles d'Image 

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

    Si la création d'une Web App pour iPad compatibilité, il est recommandé à la fois Paysage et Portrait tailles sont utilisés.

    Merci. Quelle est la résolution de chaque image?
    Voir ici: developer.apple.com/library/ios/#documentation/userexperience/...
    Pour l'iPhone, pourquoi est-ce un lancement à la hauteur de l'image de 480px requis lorsque la barre d'état prend à l'écart de 20 px? Ne pas le lancement d'image off-center?
    Cette réponse n'a pas fonctionné. Au moins pour l'iPhone 4, nous avons dû faire l'image 320x460.
    Ce N'travail. Si vous utilisez une image de 460 hauteur, vous n'êtes pas suivant les normes Apple. Vous n'avez pas lu la réponse correctement. Les tailles d'image sont décrites dans Apple docs qui sont citées dans mon commentaire ci-dessus. Cette réponse montre les requêtes de média nécessaire - pas de la taille d'une image.

    OriginalL'auteur adamdehaven

  3. 14

    Il DOIT être 320x460, il ne fonctionnera PAS si sa 320x480.

    OriginalL'auteur AlBeebe

  4. 7

    L'image doit être en PNG et 320x460 cela ne fonctionne que sous l'iPhone OS 3.0 ou supérieur.

    Est-il un moyen de faire cela pour android?

    OriginalL'auteur