Проблема с заставкой Jquery Mobile

Question

Я работаю над веб-приложением, и у меня возникла проблема с заставкой при добавлении сайта на домашний экран. Я осмотрелся, удалил и заново добавил строку кода, и она все еще не работает.

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="apple-touch-icon" href="im/h-apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-startup-image" href="img/loading-splash.png">

это то, что у меня в голове тега, и я просто застрял в том, почему это не будет работать.

Answer 1

Причина появления белого экрана в том, что изображение, которое вы пытаетесь загрузить, не существует на сервере.

<link rel="apple-touch-startup-image" href="img/loading-splash.png">

ссылки на этот адрес: http://kensingtonchurch.org/aaron_dev/img/loading-splash.png

Я получаю 404 при попытке найти его.

---

Рекомендации по отладке мобильных приложений:

• Установите User Agent Switcher для Firefox
• Установите Firebug для устранения неполадок.

Кроме того, в Opera есть своего рода утилита удаленной отладки под названием Dragonfly. Я никогда не использовал его, но это может быть полезно.