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) 
  • Android y la elección del marco IOS backend?
  • Cómo saber si el usuario de Android vino de la aplicación de pantalla de inicio
  • ¿Hay alguna manera en Android de forzar la apertura de un enlace para abrirlo en Chrome?
  • Obtención de velocidad de datos de la red wifi / móvil mediante programación
  • Cómo borrar las preferencias de SharedPreferences en Android, no solo Valores
  • Procesamiento de archivos PDF para reducir el tamaño / o la complejidad del archivo
  • Bloqueo de la aplicación móvil de Facebook
  • Cómo emular un navegador móvil (android) en el escritorio
  • ¿Cómo puedo cambiar el tamaño de las imágenes en Android?
  • Programación en (no * para *) un dispositivo Android
  • Ancho de pantalla Problema al utilizar diferentes navegadores en dispositivos portátiles / inteligentes
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.