browser - online - Cómo depurar código JavaScript con navegadores móviles

javascript console chrome

Question

Conozco Firebug y las herramientas de desarrollo para los principales navegadores de escritorio modernos, pero no encuentro ninguna forma de depurar código JavaScript en navegadores móviles.

¿Cuáles son algunas técnicas de alto nivel que puedo usar para depurar código en navegadores móviles?

Answer 1

Android proporciona un conjunto de herramientas para estos fines: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

Apple lo hace de forma similar: https://developer.apple.com/safari/tools/

Tutorial: https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/

Answer 2

En el iPhone, puede acceder a la configuración> Safari> avanzada y activar el inspector web

Answer 3

Los dispositivos Android se pueden poner en modo de desarrollador yendo a Configuración> Estado del teléfono y luego tocando "Número de compilación" 7 veces. Esto le permite hacer un montón de cosas (consulte el paso 5), incluida la depuración de USB. (Algunos dispositivos pueden tener Número de compilación en Información de software)

Para activar la depuración de USB, busque en Configuración para las "{} Opciones de desarrollador" recién presentadas, ábralo y active la depuración de USB. Conecte su dispositivo usando una conexión USB directa.

En Chrome en su escritorio, en el panel de herramientas de desarrollador habitual utilizado para la depuración, busque en el menú más herramientas> dispositivos remotos. Con los dispositivos USB Discover seleccionados, ahora debería ver su dispositivo móvil en el lateral.

Selecciónelo para ver una lista de todas las pestañas de Chrome que tiene abiertas y la posibilidad de ingresarlas directamente.

Seleccionar uno de los enlaces abrirá una nueva ventana con un espejo de la pantalla de su dispositivo a la izquierda y todas las herramientas familiares de depuración de Chrome a la derecha. Todavía puede controlar su dispositivo directamente o usar el mouse en la pantalla reflejada. Incluso gira.

detalles completos sobre la eliminación remota de fallas de google y cómo habilitar el modo de desarrollador (enlace como el anterior) de askvg.com

Answer 4

Puede depurar en Safari Mobile con cualquier iPhone / iPad. En el menú del desarrollador puede encontrar su dispositivo y luego puede depurar su código con el inspector.

Si tiene un dispositivo Android, puede depurarlo en Chrome Desktop (recuerde activar el modo de depuración) con chrome://inspect