Depurar aplicaciones híbridas

Después de completar esta unidad, podrá:

• Depurar aplicaciones iOS híbridas en un dispositivo con Safari.
• Depurar aplicaciones Android híbridas en un dispositivo con el navegador Google Chrome.
• Usar su dispositivo para depurar aplicaciones Android en ejecución en la computadora de desarrollo.

¿Se pregunta cómo puede depurar aplicaciones híbridas en iOS? Use Safari para establecer la comunicación entre la computadora de desarrollo y un dispositivo real o simulado. Para la depuración, debe usar la aplicación híbrida como una aplicación web.

1. Abra Safari en el escritorio.
2. Seleccione Safari | Preferences (Safari | Preferencias).
3. Haga clic en la ficha Advanced (Avanzado).
4. Haga clic en Show Develop menu in menu bar (Mostrar el menú Desarrollo en la barra de menús).
5. Si va a usar un simulador de iOS:
   • Si Xcode está abierto, pulse CONTROL, haga clic en el icono de Xcode en la barra de tareas y, a continuación, seleccione Open Developer Tool | iOS Simulator (Abrir herramienta de desarrollador | Simulador de iOS).
   • O bien, en una ventana de terminal, escriba open -a iOS\ Simulator.
6. En el menú iOS Simulator (Simulador de iOS), seleccione Hardware | Device (Hardware | Dispositivo).
7. Seleccione un dispositivo.
8. Abra Safari desde la pantalla de inicio del dispositivo o el simulador de iOS.
9. Navegue hasta la ubicación de su aplicación web. Sugerencia Puede obtener la dirección de la ventana de salida del depurador de Xcode. Por ejemplo:

   2016-05-19 12:16:31:410 MyTrailHybridLocal[86657:5137538] INFO|SFHybridViewController|Setting 
   file:///Users/johndoe/Library/Developer/CoreSimulator/
   Devices/22222222-3333-aaaa-dddd-42424242424B9/data/
   Containers/Bundle/Application/66665555-5555-3333-
   1111-B9B9B9B9/MyTrailHybridLocal.app/www/index.html 

   Esta es la dirección URL de la “página de inicio” para esta aplicación.
10. En Safari, en su escritorio, seleccione Developer <your device> (Desarrollador | <su dispositivo>) y, a continuación, seleccione la URL que abrió en Safari en el dispositivo o el simulador. La ventana Web Inspector (Inspector web) se abrirá y se adjuntará a la instancia de Safari en ejecución en el dispositivo.

¿Se pregunta cómo puede depurar aplicaciones híbridas en Android? Puede hacerlo en dispositivos Android reales o simulados mediante el navegador Google Chrome. Para obtener instrucciones actualizadas, busque “Depuración remota” en developers.google.com/web/tools/.

• Debugging Hybrid Apps that are Running on a Mobile Device
• Remote Debugging on Android with Chrome (developer.chrome.com)
• Cómo aprovechar el simulador al máximo (video de la biblioteca para desarrolladores de iOS)