Cuando desarrollamos una app híbrida, es decir, una aplicación móvil programada con HTML, CSS y JavaScript usando algún framework, como framework7, Ionic, jQuery Mobile, PhoneGap etc y luego creamos un apk, es decir, compilamos ese código usando Cordova, es común que cuando ejecutamos esa app en una simulación de Android o en un Android de verdad, la splash screen sobrepase el tiempo de espera(timeout) y se quede una pantalla en blanco.
Veamos como solucionar el problema de la pantalla en blanco con Apps híbridas Cordova en Android.
Lo unico que hay que hacer es tener el index.html así:
<!DOCTYPE html> <html> <head> <title>tittle</title> <script> window.location='./main.html'; </script> <body> </body> </html>
Lo único que hace es mediante JavaScript cambiarnos de fichero cuando la página cargue y así no se volverá a quedar en blanco. Todo lo que tubieramos en el index.html tenemos que pasarlo al fichero main.html
Así de simple.
23 septiembre, 2016
Buenos días Victor, me encuentro con la misma problematica, implementé la solución que recomiendas, regresaré en unos días y comentaré el resultado
Gracias por la aportación
10 febrero, 2017
Buenos días victor, hay casos en los que muestra la pantalla en blanco, encontré otras soluciones que atienden esta problematica:
Crear un splash screen resuelve esta situación
Archivo config:
Archivo app.js
dentro del metodo run
$ionicPlatform.ready(function() {
setTimeout(function () {
navigator.splashscreen.hide();
}, 100);
})
Con ello da una vista elegante de la aplicación.