Dans les applications Web iPhone, vous pouvez définir un écran Splash personnalisé qui apparaîtra lorsque le site est chargé (lors du chargement du site d'une icône de signet enregistré sur la page d'accueil). Le but est de rendre l'expérience de démarrage de l'application Web ressentant beaucoup plus comme une vraie application iPhone.
Je crois que la syntaxe est comme ceci:
où splash.png est une image 320x460 orientée verticalement.
Je n'arrive pas à le faire fonctionner ... Quelqu'un a-t-il des conseils et des astuces pour cela?
7 Réponses :
Apple n'a pas beaucoup dans la voie de la documentation sur ce sujet (voir Cette URL ).
Quelques choses à noter:
Vous pouvez également utiliser le code suivant pour définir explicitement l'icône de l'application Web:
Assurez-vous qu'il est 320x460 pixels.
Vous avez déjà dit cela, mais c'était la solution pour moi.
Assurez-vous que tous ces liens viennent après vos autres styles de style de votre en-tête.
iOS 4 ne montre pas l'écran Splash si vous avez une barre de notification en haut - par exemple. Lorsque vous utilisez le point chaud personnel (attache).
Vous ne pouvez définir qu'un écran éclabousseur ou sinon cela échouera. Pour sélectionner un écran Splash iPad ou iPhone, vous avez besoin d'un petit JavaScript.
L'écran Splash Paysage iPad pouvant être utilisé pour les applications natives ne fonctionne pas pour les applications Web. Un seul écran Splash de rétine pour l'iPhone4. Vous ne pouvez choisir qu'un iPad ou une tailles d'iPhone éclaboussures. Réglage de l'attribut Taille sur l'élément de liaison semble fonctionner sur l'iPad. Mais avoir plus d'un élément de liaison d'image SPLASH permet à l'iPhone échouer.
Les tailles d'écran de Splash doivent être exactes. 320x460 pour iPhone / iPod et 1024x748 pour iPad. Si vous avez besoin d'un écran Slash Paysage, vous devez le faire pivoter dans Photoshop car il n'y a aucun contrôle pendant la relance de l'application.
Pour tester, il est préférable d'essayer d'abord un cache d'applications et d'étrangler la bande passante avec le proxy Charles ou quelque chose de similaire.
J'ai travaillé sur ce script, mais il semble y avoir un bogue avec les écrans Splash sur l'iPad. Si je lance l'application Web dans le paysage la première fois, aucun des écrans Splash n'est affiché. Si je monte dans Portrait la première fois, cet écran éclabousseur fonctionne, mais le paysage ne fonctionne jamais. Il semble que je ne suis pas le seul avec ce problème, voir ce fil sur le forum Apple: Discussions.apple.com/thread/3316892?Start=0&tstart=0 peut-on confirmer qu'ils ont créé et affichent les écrans de paysage et de portrait Splash sur les applications Web HTML5 iPad HTML5?
Chaque fois que je rencontre ce problème, il est presque toujours causé par appeler plus d'une splashscreen pour la même page ou l'écran SplashScreen ne faisant pas 320x460 pixels (exactement). Cela devrait faire l'astuce: mais avant d'appeler la splashscreen, vous devez également inclure ces trois lignes de code: P> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
Vous avez raison, ce code doit être dans la section et l'image doit être de 320x460 pixels, la raison pour laquelle il ne fonctionne pas est que l'image doit être un petit fichier comme 20kb ou 25 kb ou moins. J'ai eu le même problème, mais lorsque je réduit le dossier qui commence à travailler.
acclamations
