iPhone Webapp Splash Screen White-Space

问题描述:

我有一个使用jquery mobile开发的移动webapp。我提示用户他们可以使用add to homescreen函数从桌面加载webapp。当我在我的iPhone 3GS上测试启动画面的功能时,我希望加载的png文件不会加载启动画面,而是在顶部带有空格的网站的“屏幕截图”它出现的地址栏曾经是。iPhone Webapp Splash Screen White-Space

这里是我的代码

<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*** --> 

我已经尝试了320x460和小320x480 png文件,其中为Default.png是。没有任何成功。从我读过的内容来看,我认为我做对了,但我可能是错的。我立足我看来上http://developer.apple.com/library/ios/#qa/qa1588/_index.htmlhttp://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html

所以我的问题是这样的,有其他人看到了这一点?如果是这样,如果您确实解决了该问题,那么原因是什么以及您如何解决该问题?如果你还没有看到这个特定的问题,有什么你可以根据我的代码上面建议吗?感谢您阅读本文,并感谢您提供的任何建议。

+0

是Default.png 320 x 460?该文件的权限是什么?它是在不同的目录,然后在webapp?也许可以将链接移动到最后一个元标记之后 – 2011-12-15 17:47:24

  1. Default.png文件必须是320x460px。
  2. 尝试从主屏幕中删除启动器并从Safari重新添加它。

这就是我不得不做的工作。