У меня есть мобильное веб-приложение, которое я разрабатываю с использованием jquery mobile. Я предлагаю пользователям использовать функцию add to homescreen для загрузки веб-приложения с рабочего стола. Когда я тестирую функциональность заставки на моем 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="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*** -->
Я попробовал png-файл 320x460 и 320x480, где находится Default.png. Ни один не имел никакого успеха. Из того, что я прочитал, я думаю, что я делаю это правильно, но я могу ошибаться. Я основываю свое мнение на https://developer.apple.com/library/archive/qa/qa1588/_index.html
а также
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
Так что мой вопрос такой, кто-нибудь еще видел это? Если да, то какова была причина и что вы сделали, чтобы решить проблему, если вы действительно решили проблему? Если вы не сталкивались с этой конкретной проблемой, можете ли вы что-нибудь предложить, основываясь на моем коде выше?