Я использую Phonegap + JQuery Mobile, когда я нажимаю значок на телефоне, для отображения index.html требуется много времени, теперь я добавил заставку, он показывает заставку, затем черный экран, прежде чем он загрузит index.html. index.html просто очень мал с cordova.js и jQuery mobile js. как я могу это исправить?
config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.phonegap.test222"
version = "1.0.21">
<name>Test App</name>
<description>
Beta Saystyle
</description>
<author href="http://example.com" email="[email protected]">
Lester Jan Pearson
</author>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:fromAlpha="0.0" android:toAlpha="1.0"
android:duration="300" />
<icon src="images/4.png" />
<gap:splash src="images/mohawk.png" />
</widget>
Если вы используете Phonegap 1.7 или лучше, посмотрите на изменения, которые я сделал на экран заставки.
http://simonmacdonald.blogspot.com/2012/04/phonegap-android-splashscreen-just-got.html
Теперь ваша страница загружается в фоновом режиме, пока отображается экран заставки. Кроме того, вы можете вызвать метод, чтобы скрыть заставку, как только вы доберетесь до deviceready, чтобы он больше не показывался, что это должно быть.