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.

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

2 Comentarios

  1. 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

    Responder
  2. 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.

    Responder

Poner un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *