Hoy en día, la web se navega más en teléfonos móviles que en computadoras de escritorio. Dado que los dispositivos se han vuelto realmente portátiles y los tamaños de pantalla son más pequeños. Entonces, si está desarrollando una aplicación web, simplemente no puede evitar el soporte para teléfonos móviles (Android o iOS). Los sitios rotos o de apariencia cutre en las pantallas de los dispositivos móviles realmente pueden dañar su reputación en línea. La experiencia del usuario en los teléfonos es completamente diferente a la del escritorio. Por eso los desarrolladores tienen que diseñar especialmente las aplicaciones para que se adapten a la pantalla del móvil.
Google Chrome Dev, proporciona herramientas que le permiten inspeccionar, depurar, analizar la experiencia en el dispositivo, y puede utilizar las herramientas de Chrome Dev en su máquina local para depurar su aplicación en el dispositivo móvil. En este tutorial aprenderemos cómo configurar su máquina de desarrollo local para depurar de forma remota en Android. Depuraremos a través de una conexión USB entre su dispositivo móvil y su máquina de desarrollo local.
Necesitará lo siguiente para seguir adelante con la depuración remota:
- Un móvil o tableta Android con Chrome para Android 28 instalado (puede instalarlo desde esta página).
- Un cable USB para conectar su dispositivo Android a su máquina de desarrollo local, también asegúrese de tener instaladas las unidades necesarias para conectar su móvil Android a una computadora.
- Asegúrate de leer Lista de controladores USB OEM y descubra los controladores adecuados para usted.
- Chrome 28+ instalado en su máquina de desarrollo local.
- Asegúrese de tener la extensión ADB Chrome instalada en su máquina de desarrollo local. Puedes instalarlo desde esta página.
En este tutorial usaremos un Sony Xperia L (dispositivo Android) y Windows 7 en nuestra máquina de desarrollo local. Así que comencemos con la depuración remota:
1. Primero asegúrese de tener habilitado el modo de depuración en su dispositivo Android
Si no lo ha habilitado, consulte esto:
- Para usuarios de Android 4.2, consulte: http://www.thesmarthacks.com/2013/04/enabling-usb-debugging-mode-on-android.html.
- El resto puede referirse a: http://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/.
Para obtener más información sobre cómo configurar el dispositivo Android para el desarrollo, consulte: http://developer.android.com/tools/device.html#setting-up.
2. Conexión de su dispositivo Android
Ahora conecte su dispositivo Android a su máquina de desarrollo local con un cable USB. Una vez que conectó su dispositivo Android, debe habilitar la depuración web USB en su teléfono, iniciando Chrome en su Android y luego, -> Configuración -> Herramientas de desarrollo -> Seleccione Habilitar depuración web USB
Al seleccionar esta opción, si le pide que confirme su conexión con la máquina de desarrollo, seleccione Aceptar.
3. Depuración
Después de instalar la extensión ADB, verá un icono gris de Android además del menú de Chrome. Ahora haga clic en el icono de Android y seleccione -> Iniciar ADB. Ahora debería ponerse verde y mostrará la cantidad de dispositivos conectados actualmente. Luego haga clic en el icono y seleccione -> Ver objetivos de inspección. Esto debería abrir una nueva pestaña y mostrará la cantidad de dispositivos Android conectados y las pestañas actualmente abiertas en ellos.
Ahora seleccione la pestaña de la lista que desea depurar. Esto abrirá una nueva ventana con las herramientas de desarrollo.
Ahora inspeccione algún elemento de la página y el elemento se resaltará en el dispositivo móvil Chrome, en tiempo real.
De esta manera, puede corregir los errores específicos del dispositivo mediante la depuración de las herramientas de desarrollo. Puede ejecutar comandos desde las herramientas de desarrollo que se ejecutarán en el dispositivo móvil Chrome. También vea diferentes paneles como Red, Recursos, Línea de tiempo, Perfiles, Auditorías.
Ahora puede corregir errores específicos de dispositivos móviles y depurar aplicaciones móviles en tiempo real en lugar de implementar su aplicación en el servidor y luego acceder a ella desde su teléfono y depurar. Google Chrome Dev proporciona estas herramientas que resuelven un verdadero problema para los desarrolladores que crean aplicaciones compatibles con dispositivos.
pedro miguel
Es bueno saber sobre Chrome Dev. La oferta de plataforma a los desarrolladores tanto para navegadores como para móviles (iOS y Android) aumenta día a día. Gracias por todas las fotos detalladas sobre el proceso de depuración.
Meethu
Esta es una publicación realmente asombrosa y útil. Desde aquí, podemos comprender los procedimientos claros sobre las aplicaciones web de depuración remota en Android. Además, las imágenes explican el procedimiento sobre Chrome Dev de una manera clara y sencilla.
van más salvaje
¡Vaya! ¡Android es genial!
No sabía si eso era posible
Stephan
Creo que esta es una publicación realmente útil para todos los usuarios de Android. Sobre todo en esos días, muchas aplicaciones para navegadores y habitualmente confunden a los usuarios.
Todas las fotos son muy detalladas y fáciles de seguir todos los pasos.
Gracias por compartir.
Esteban Wu
Satish
Realmente esta publicación es muy útil para depurar aplicaciones web en Android. No lo he pensado.
karen davidson
Este es un post muy informativo. Ahora podemos depurar aplicaciones web de forma remota en Android.
James Stevens
Post informativo muy bien presentado. Siempre me he preguntado cómo depurar aplicaciones web de forma remota, pero los otros blogs que había leído en el pasado no eran muy sencillos. Gracias por ponerlo en términos claros para aquellos de nosotros que luchamos por seguir el lenguaje tecnológico.
Como dijo Stephan, las imágenes son muy detalladas, lo que hace que las instrucciones sean más fáciles de seguir.
Peter Ford
He estado buscando una forma de depurar mi Samsung Galaxy S3. Creo que vine al lugar correcto porque su tutorial realmente ha ayudado y he logrado depurar mi dispositivo con éxito. Muchas gracias por la ayuda.
Mahesh Srivastava
¡Vaya! No sabía que pudieras hacer esto con mi teléfono Android.
¡Gracias!
Betania
Realmente asombroso, nunca pensé que la depuración se pueda hacer de forma remota, específicamente para aplicaciones de Android ...
Alicia
Hola,
Gracias, finalmente he hecho la depuración de forma remota, realmente útil.