Я работаю над веб-приложением iPhone, где я использую метатег "apple-mobile-web-app-able", чтобы получить "полноэкранный режим". Когда я приветствую приложение, он показывает изображение страницы, на которой я оставил последний раз во время загрузки. Похоже, приложение готово получить ввод, когда это не так, и это запутывает.
Можно ли изменить поведение по умолчанию и показать пустой экран, пока он не будет готов к вводу?
поставьте это между вашими тегами HEAD:
<link rel="apple-touch-startup-image" href="image.jpg">
Используемое изображение должно быть JPG или PNG с разрешением 320x460
Это добавит всплывающий экран в ваше веб-приложение. Ниже приведены размеры, которые вам понадобятся для iPad (как сетчатки, так и не), iPhone/iPod Touch (сетчатка и не) и iPhone 5. Они также включают область состояния.
Apple Docs-Launch Images, Apple Docs-Icon и размеры изображений
<!-- iPhone (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-RETINA.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone 5 -->
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-Tall-RETINA.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPad Portrait -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iPad Landscape -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iPad Portrait (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPad Landscape (Retina) -->
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
При создании совместимости с веб-приложением для iPad рекомендуется использовать как размеры ландшафта, так и портрет.
Он ДОЛЖЕН быть 320x460, он НЕ будет работать, если его 320x480.
Изображение должно быть PNG и 320x460, это работает только под iPhone OS 3.0 или выше.