Cordova
Depurando la aplicacion
Buscar..
Observaciones
Una cosa importante que debe recordar al depurar aplicaciones cordova, si tiene un evento OnDeviceReady y un código que se ejecuta allí, para cuando se inicie la aplicación, su depurador aún no estará adjunto (a diferencia de la depuración de Visual Studio C # donde la aplicación espera a que el proceso de depuración adjuntar antes de continuar con el lanzamiento del programa).
Esto significa que no se capturarán los mensajes de la consola de configuración inicial o los puntos de interrupción.
La solución para esto puede ser una configuración diferida o un registro de consola retrasado con setTimeout cuando se dispara el evento DeviceReady.
Depurar en dispositivo Android utilizando USB
Una aplicación Cordova se ejecuta como un sitio web en un componente WebView dentro de la plataforma móvil nativa. Por lo tanto, la depuración de una aplicación cordova se puede hacer utilizando las herramientas de desarrollo de sus navegadores favoritos. Se necesitan los siguientes pasos para conectar la aplicación, que se ejecuta en el dispositivo, al navegador Chrome en una máquina de desarrollo:
- Habilite la depuración USB en su dispositivo ( puede seguir esta guía )
- Instale el
adbDebug Bridge de Android (no se requiere en las versiones recientes de Chrome) ( guía para OSX ) - Conecte su teléfono y ejecute
adb devicesen su terminal (no es necesario en las versiones recientes de Chrome), y seleccioneoken la ventana emergente de su teléfono ¿Allow USB debugging?. - Abrir cromo
- Busque
chrome://inspect, o elija Más herramientas => Inspeccionar dispositivos ... - Seleccione su dispositivo y depure utilizando las herramientas de desarrollo de Chrome
Dependiendo de su dispositivo, es posible que necesite descargar primero los controladores USB.
También debe habilitar "fuentes desconocidas" en Seguridad en Configuración si desea cargar la aplicación en su teléfono.
Depurar aplicaciones de Cordova usando GapDebug
https://www.genuitec.com/products/gapdebug/
GapDebug es una herramienta de depuración móvil integral que llena el vacío que dejan otras opciones de depuración. Al operar en las plataformas Windows y Mac, GapDebug permite la depuración de aplicaciones móviles híbridas, como PhoneGap y Cordova, en dispositivos iOS y Android modernos. Y, GapDebug siempre es gratis para la depuración local.
El paso para la configuración por primera vez se da en este siguiente enlace:
https://www.genuitec.com/products/gapdebug/learning-center/configuration/
Depuración en dispositivo iOS utilizando USB
- Deshabilitar la navegación privada
Abra la configuración de Safari de su dispositivo y asegúrese de que la navegación privada esté desactivada . La depuración remota no funcionará si la navegación privada está habilitada.
- Habilitar inspector web
Toque la pestaña Avanzado en la configuración de Safari de su dispositivo y asegúrese de que Web Inspector esté activado .
- Habilitar el menú de desarrollo de Safari
En su computadora de escritorio o portátil, abra las Preferencias de Safari y haga clic en la pestaña Avanzado. Marque la casilla para mostrar el menú Desarrollar en la barra de menús .
- Iniciar inspector web
Inicie su aplicación en el simulador de iOS o en un dispositivo físico. Si está utilizando un dispositivo físico, deberá conectarlo a su computadora de escritorio o portátil con el cable USB estándar. Una vez que la aplicación se haya iniciado, cambie a Safari, seleccione el elemento del menú Desarrollar , luego busque la entrada correspondiente a la página web que desea depurar.
Ahora puede utilizar el inspector web como lo haría para depurar una página web.
