J'ai une application web mobile que je développe en utilisant jquery mobile. J'invite les utilisateurs qu'ils peuvent utiliser la fonction add to homescreen pour charger la webapp à partir du bureau. Lorsque je teste la fonctionnalité de l'écran de démarrage sur mon iPhone 3GS, le fichier png que je souhaite charger ne charge pas avec l'écran de démarrage, mais plutôt une "capture d'écran" du site avec un espace blanc en haut où il semble que la barre d'adresse soit utilisée.iPhone Webapp Splash Écran Blanc-Espace
Voici mon code
<html><head>
<title>Page Title</title>
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='default' name='apple-mobile-web-app-status-bar-style'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.1.min.css" />
<link rel="stylesheet" type="text/css" href="css/mydashboard.min.css" />
<link rel="stylesheet" href="css/add2home.css">
<link rel="apple-touch-icon-precomposed" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="touch-icon-iphone4.png" />
<!-- ***Here is my code for splash screen*** -->
<link rel="apple-touch-startup-image" href="Default.png" />
<link rel="apple-touch-startup-image" href="touch-splash-ipad-land.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
<link rel="apple-touch-startup-image" href="touch-splash-ipad-port.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />
<!-- ***My JS files are included under this and the closing of the head tag*** -->
J'ai essayé 320x460 et un Png 320x480 où le Default.png est. Aucun n'a eu de succès. D'après ce que j'ai lu, je pense que je fais bien, mais je peux me tromper. Je fonde mon opinion sur http://developer.apple.com/library/ios/#qa/qa1588/_index.html et http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html
Donc ma question est, a vu quelqu'un d'autre cela? Si oui, quelle était la cause et qu'avez-vous fait pour résoudre le problème si vous avez résolu le problème? Si vous n'avez pas vu ce problème particulier, y a-t-il quelque chose que vous pourriez suggérer en fonction de mon code ci-dessus? Merci d'avoir regardé ce post et merci pour tout conseil que vous pouvez fournir.
est Default.png 320 x 460? Quelles sont les autorisations sur le fichier? est-ce dans un répertoire différent de la webapp? Peut-être déplacer le lien juste après la dernière balise meta –