jQuery Mobile заставка для всех устройств - PullRequest
Новая
       16

jQuery Mobile заставка для всех устройств

4 голосов
/ 14 марта 2012

Как я могу отображать заставку в моем приложении jQuery Mobile до тех пор, пока не завершится загрузка скриптов заголовков?

Я знаю, что на устройствах Apple вы можете добавить что-то вроде этого: 

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

Я бы хотел что-то подобное, но это работает на всех платформах.Я не хочу отображать тело до тех пор, пока не загрузятся все скрипты головы, потому что это выглядит ужасно.Есть ли альтернатива тому, чтобы поставить все сценарии в голову, чтобы достичь той же цели?

1 Ответ

3 голосов
/ 14 марта 2012

Проверьте любую из следующих ссылок:

Оба сообщат вамapple-start-up-image будет работать только на устройствах iOS (и их тоже не так просто показать).

Полагаю, пройдет некоторое время, пока заставки появятся на разных платформах.

В то же время я использую это в заголовке своей страницы: 

<script type="text/javascript">
  (function(){var a;if(navigator.platform==="iPad"){ 
      a = window.orientation === 90 || window.orientation === -90 ? 
        "FULLPATH-TO-landscape.jpg":"FULLPATH-TO-portrait.jpg"
      } else { 
        a = window.devicePixelRatio === 2 ? 
          "FULLPATH-TO-retina.jpg" : "FULLPATH-TO-startup.jpg"
           }
   document.write('<link rel="apple-touch-startup-image" href="'+a+'"/>')})()
 </script>

Конечно, вы также можете написать простой HTML, но я нашел этот фрагмент где-то в Mobile Boilerplate , причем автор утверждает, что все предоставленные сценарии-заставки будут загружены на все устройства.Создавая сценарии таким образом, вы получаете только одно изображение с заставкой и сохраняете 3 http-запроса, а также загружаете ненужные изображения.

...