Control Phonegap Splash Screen hiding

When building a Phonegap web based app you might want to control when your splash screen disappears.

For instance you might have heavy javascript loading or long image loading times and you just want to allow the user to use the app after everything is ready so that he doesn't experience any user experience quirks.

Phonegap provides a solution for this:

1. In your config.xml file add: <preference name="AutoHideSplashScreen" value="false" />. This will prevent the hiding of the splash screen by itself and it will remain on screen indefinitely;

2. Listen to the deviceready event;

3. After the event is fired and at the point you think the app is ready to use just call navigator.splashscreen.hide();. This will make the splash screen go away and allow the user to use the app;

ps.: This tip doesn't intend to explain how to add a splash screen to your app, for that you can check Phonegap configuration