-
Notifications
You must be signed in to change notification settings - Fork 5
Depuración (Debugging) en Apache Cordova
para depurar aplicaciones escritas con Cordova no existen todavía herramientas maduras como para aplicaciones nativas o para aplicaciones web. El principal "problema" es que el navegador donde va a depurar la App se encuentra en el dispositivo o en el emulador. Esto hace que sea difícil de sincronizar los "breakpoints" o los "Stack Traces". No obstante, Existen herramientas útiles para este fin. Las siguientes herramientas son las que he venido trabajando y hasta el momento me han sido muy funcionales y se ha podido depurar de manera simple y con paciencia las Apps construidas.
El navegador de escritorio es una herramienta poderosa para el desarrollo web móvil. Sorprendentemente, la mayoría de su desarrollo móvil se puede previsualizar y depurar en el navegador. Los principales escollos de la utilización de un navegador de escritorio en comparación con navegador móvil prestan precisión, rendimiento de JavaScript, y la disponibilidad de la API. Sin embargo, estas trampas pueden ser vencido con algunos Herramientas adicionales
Al escoger un navegador de escritorio, debe considerar la plataforma móvil a la cual va dirigido el desarrollo. Cada plataforma móvil utiliza un navegador diferente y mientras que usted no pueda encontrar exactamente el mismo navegador en el escritorio, puede coincidir con los motores del navegador. A continuación se muestra una tabla que enumera los escritorios de los navegadores para cada plataforma:
| Plataforma Móvil | Motor del Navegador Móvil | Navegador de Escritorio Compatible |
|---|---|---|
| Android | WebKit | Apple Safari, Google Chrome |
| Bada | WebKit | Apple Safari, Google Chrome |
| BlackBerry 5.0 | Proprietary | None |
| BlackBerry 6.0+ | WebKit | Apple Safari, Google Chrome |
| iOS | WebKit | Apple Safari, Google Chrome |
| webOS | WebKit | Apple Safari, Google Chrome |
| Windows Phone | Internet Explorer | Internet Explorer |
Esto es bastante sencilla. Sólo buscar la herramienta adecuada para que adapte las diferentes resoluciones presentes en los dispositivos móviles. Dos herramientas para este fin:
En Google Chrome, puedes abrir las Opciones del WebInspector; para habilitar la emulación Evento Touch.
Con el navegador de escritorio, puede aprovechar las herramientas de depuración de tu navegador. En un navegador con motor WebKit, puede abrir WebInspector para inspeccionar el DOM y depurar JavaScript. La mayoría de los otros navegadores tienen una herramienta de depuración equivalente.
- Ripple Emulator emula parte de la API de Apache Cordova.
- ScreenQueri.es para previsualizar los tamaños de pantalla de dispositivos de manera exacta exacta.
WEINRE es una herramienta de depuración prácticamente depura cualquier navegador de forma remota. No es a mejor herramienta para depurar, pero le da una vista en vivo del DOM y el acceso a la consola de JavaScript. Desafortunadamente, no hay "breakpoints" o "Stack Traces", pero la consola de JavaScript pueden prestar pistas sobre errores.
Para los desarrolladores, lo más importante es entender que la totalidad de la interfaz de usuario es una aplicación Web capaz de mostrar y lanzar otras aplicaciones Web. Cualquier aplicación que usted haga a la interfaz de usuario y cualquier aplicación que usted cree para ejecutarse en Firefox OS son aplicaciones Web creadas usando HTML, CSS y JavaScript, aunque con un amplio acceso al hardware del dispositivo y los servicios del equipo. Tomado de la fuente oficia de Firefox OS
En base a esta definición y la experiencia construyendo Apps; Firefox OS es una herramienta ideal para depurar HTML5, CSS3, JavaScript y algo muy importante que puede llegar a ser el consumo de APIs ya sea a través de un API construida por el equipo de desarrollo o algún API externa y/o de terceros.