iPhone Webapp启动画面白色空间

家资是何物,积帙列梁梠。这篇文章主要讲述iPhone Webapp启动画面白色空间相关的知识,希望能为你提供帮助。
我有一个移动webapp,我正在使用jquery mobile开发。我提示用户他们可以使用add to homescreen函数从桌面加载webapp。当我在我的iPhone 3GS上测试启动画面的功能时,我想加载的png文件没有加载启动画面,而是一个网站的“屏幕截图”,顶部有一个白色空格看来地址栏曾经是。
这是我的代码

< 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="https://www.songbingjia.com/android/css/style.css" /> < link rel="stylesheet" type="text/css" href="https://www.songbingjia.com/android/css/jquery.mobile.1.min.css" /> < link rel="stylesheet" type="text/css" href="https://www.songbingjia.com/android/css/mydashboard.min.css" /> < link rel="stylesheet" href="https://www.songbingjia.com/android/css/add2home.css"> < link rel="apple-touch-icon-precomposed" href="https://www.songbingjia.com/android/touch-icon-iphone.png" /> < link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.songbingjia.com/android/touch-icon-ipad.png" /> < link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.songbingjia.com/android/touch-icon-iphone4.png" /> < !-- ***Here is my code for splash screen*** --> < link rel="apple-touch-startup-image" href="https://www.songbingjia.com/android/Default.png" /> < link rel="apple-touch-startup-image" href="https://www.songbingjia.com/android/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="https://www.songbingjia.com/android/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*** -->

我尝试过Default.png的320x460和320x480 png文件。两者都没有取得任何成功。从我所读到的,我认为我做得对,但我可能是错的。我的观点基于https://developer.apple.com/library/archive/qa/qa1588/_index.html和https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
所以我的问题是这个,还有其他人看过吗?如果是这样,原因是什么,如果您确实解决了问题,您采取了什么措施来解决问题?如果你还没有看到这个特殊问题,你可以根据我上面的代码建议吗?
答案
  1. Default.png文件必须是320x460px。
  2. 尝试从主屏幕中删除启动器并从Safari重新添加它。
【iPhone Webapp启动画面白色空间】这就是我必须做的才能让我的工作。

    推荐阅读