Вы можете установить только один экран-заставку, иначе произойдет сбой. Чтобы выбрать заставку ipad или iphone, вам нужно немного javascript.
Экранная заставка ipad, которая может использоваться для собственных приложений, не работает для веб-приложений. Ни один не заставка сетчатки для iphone4. Вы можете выбрать только всплеск размеров ipad или iphone. Установка атрибута размера в элементе ссылки, кажется, работает на iPad. Но наличие более одного элемента ссылки на заставку заставляет iphone терпеть неудачу.
Размеры заставки должны быть точными. 320x460 для iphone / ipod и 1024x748 для ipad. Если вам нужен пейзажный слэш-экран, вам нужно будет повернуть его в фотошопе, так как во время перезапуска приложения нет контроля.
Для тестирования лучше всего сначала попробовать отключить кеш приложения и уменьшить пропускную способность с помощью прокси-сервера charles или чего-то подобного.
<!-- status bar -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- hide safari chrome -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- iphone start up screens -->
<script type="application/javascript">
var appl = document.createElement("link");
appl.setAttribute('rel', 'apple-touch-startup-image');
if(screen.width < 321 && window.devicePixelRatio == 1) {
appl.setAttribute('href', 'img/icons/launch320x460.png'); //iphone 3Gs or below
} else if (screen.width < 321 && window.devicePixelRatio == 2) {
//setting @2x or a 640x920 image fails, just use the iphone splash screen
} else if (screen.width < 769 && Math.abs(window.orientation) != 90) {
appl.setAttribute('href', 'img/icons/launch1024x748.png'); //ipad 2 or below (portait)
} else if (screen.width < 769 && Math.abs(window.orientation) == 90) {
//landscape fails as well, use standard ipad screen
}
document.getElementsByTagName("head")[0].appendChild(appl);
</script>
<!-- iphone springboard icons -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="img/icons/icon57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/icons/icon114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/icons/icon72x72.png" />