Solución: Pantalla en blanco con Apps híbridas Cordova en Android

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.

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post