Pre cargar página en InAppBrowser #PhoneGap

... o como mostrar un indicador de que está haciendo algo, mientras carga.

He notado que cuando cargamos una página externa con InAppBrowser de #PhoneGap y la conexión es lenta, se queda en blanco y no tenemos indicación alguna de que esté realmente cargando. La solución es simple, mandamos a abrir la página pero sin mostrarla, mientras podemos cargar un indicador y luego ya la mostramos. No es una solución perfecta, pero es funcional, ejemplo:

var win = window.open('http://tar.mx/','_blank','location=yes,hidden=yes');

espera();

setTimeout(function() { win.show(); },2000);

function espera() { $("#wait").show().html('Cargando página...'); }

Básicamente estoy indicándole que abra una página mostrando el URL pero oculta, luego ejecuto una función (espera) donde pongo el código necesario a mostrar, y dos segundos después muestro la página. El tiempo puede variar, pero podríamos dejar de 2 a 5 segundos con el mensaje mientras dejamos que el dispositivo esté cargando la página, después se mostrará. Si la conexión está "normal" y la página no es muy cargada, bastarán para que se haya cargado, o por lo menos ya esté cargando y no se muestre en blanco.

Como decía, no es una solución perfecta pero le indica al usuario que algo está pasando.

+ fotos / videos

Almacenado en PhoneGap, Desarrollo Móvil, inappbrowser