JQuery Mobile + PhoneGap para Android – Error al cargar index.html

Estoy intentando conseguir un programa básico de PhoneGap + JQuery móvil que funciona para la plataforma androide 2.2 , pero estoy consiguiendo un error de la aplicación "la conexión al servidor no tuvo éxito (file: ///android_asset/www/index.html)" en el Emulador de Android cuando intento ejecutar la aplicación en la plataforma de Android Emulator 2.2 en Windows XP , con Eclipse 3.7 .

El archivo se carga si elimino todas las referencias y la sintaxis de JQuery Mobile del archivo HTML, así que estoy seguro de que mi proyecto está bien, pero hay algo que me falta con la inicialización de JQuery Mobile. Estoy usando PhoneGap 0.9.6 con la versión JQuery Mobile * 1.0b1 * con JQuery versión 1.6.1 (También intenté con JQM Versión 1.0a2 con JQuery 1.4.4 pero con el mismo error).

Si quito todas las referencias a JQuery Mobile de mi archivo HTML entonces puedo cargar el programa en el emulador sin errores.

Miré varios ejemplos en la web y los probé como son, pero todos ellos muestran el mismo error. Mis archivos son como:

<!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=320; user-scalable=no" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>PhoneGap With JQM</title> <link rel="stylesheet" href="jquery.mobile-1.0b1.min.css" type="text/css" charset="utf-8" /> <script src="jquery-1.6.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="phonegap.0.9.6.js"></script> <script type="text/javascript" charset="utf-8" src="main.js"></script> <script src="jquery.mobile-1.0b1.min.js"></script> </head> <body onload="init();"> <div data-role="page" data-theme="e"> <div data-role="header"> <h1>PhoneGap with JQM</h1> </div> <div data-role="content"> <h1>My Content</h1> </div> <div data-role="footer"> <h1>My Footer</h1> </div> </body> </html> 

El archivo main.js sólo tiene:

 function init() { document.addEventListener("deviceready", deviceInfo, true); } 

¿Qué me estoy perdiendo?

2 Solutions collect form web for “JQuery Mobile + PhoneGap para Android – Error al cargar index.html”

El problema es probablemente debido a la velocidad del emulador por lo que la red es demasiado lento completar la comunicación en forma oportuna.

Establezca un tiempo de espera de 60 segundos en PhoneGap añadiendo la siguiente propiedad a src/com/phonegap/xxx.java :

 super.setIntegerProperty("loadUrlTimeoutValue", 60000); 

Referencias:

Phonegap 0.9.3 onReceivedError: Error code = -6 Descripción = La conexión con el servidor no tuvo éxito

Http: //The%20connection%20To%20The%20Server%20Was%20Unsuccessful%20-%20Android%202.2,%20jquerymobile,%200.9.5.1

La solución anterior es para código basado en java. Sin embargo OP es para javascript / jquery y phonegap . Lo siguiente me ha ayudado a resolver el problema.

En config.xml , agregue:

 <preference name="splash-screen-duration" value="25000" /> <!-- Increase the value until the error is solved--> 

El problema REAL aquí es que PhoneGap tiene un tiempo de espera de carga de página inicial de 20 segundos. Si su página tarda más de esa cantidad de tiempo, recibe este mensaje.

 Application Error - The connection to the server was unsuccessful. (file:///android_asset/www/index.html) 
  • Conexión a un puerto bluetooth específico en un dispositivo bluetooth mediante Android
  • Mensaje de error: emulator-arm.exe ha dejado de funcionar
  • Programación en (no * para *) un dispositivo Android
  • ¿Utiliza simultáneamente wifi y la interfaz 3G en Android?
  • ¿Cómo aumentar el tamaño de la casilla de verificación en las páginas web basadas en el navegador móvil o en la tableta?
  • Cómo puedo determinar la velocidad de Internet en mi aplicación Android
  • Elementos relativamente posicionado en desplazable absolutamente posicionado div "retraso" en el desplazamiento
  • Android USSD que sim recibe un mensaje ussd o que sim slot recibe un mensaje ussd (teléfono dual sim)
  • Copia al portapapeles en jquery / javascript sin flash para ipad / iphone
  • Evento Javascript para el lanzamiento del navegador móvil o dispositivo despertador
  • Comunicación de bajo nivel en Android / otras plataformas móviles
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.