Depurar JavaScript en Android: breakpoints, paso a paso y pila de llamadas

Depurar JavaScript en Android: breakpoints, paso a paso y pila de llamadas

PocketCode incluye un depurador que funciona directamente en tu dispositivo Android, junto al código que ejecutas. Este artículo cuenta exactamente qué hace hoy y qué no.

Depuración real para Node.js

Abre un fichero JavaScript y elige Depurar (Shift + F5). PocketCode arranca Node.js con su inspector y se conecta a él por el Chrome DevTools Protocol —el mismo que usan Chrome y VS Code—, así que todo lo de abajo funciona contra un proceso de Node real en tu móvil:

• Pausa — el programa se detiene en su primera línea, en tus breakpoints y cuando salta una excepción que nadie captura
• Continuar, Step Over / Into / Out — avanza por el código línea a línea, llamada a llamada o retorno a retorno
• Pausar, Reiniciar, Detener — controla la sesión directamente; Reiniciar vuelve a lanzar el fichero bajo el depurador
• Variables — valores locales y globales del ámbito actual, desplegables para objetos anidados
• Pila de llamadas — la cadena de marcos que llevó al punto actual, con el marco activo resaltado
• Consola — eventos de la sesión junto a la salida de tu programa

Breakpoints, condiciones y logpoints

Toca un número de línea para poner un breakpoint: aparece un punto rojo en el margen, y otro toque lo quita. Cuando el programa se para ahí, esa línea queda resaltada. La pestaña Breakpoints del panel de depuración los lista todos; puedes desactivar cada uno (punto hueco) o editarlo con el lápiz:

• Condición — una expresión JavaScript como i > 10; el programa solo se detiene cuando es verdadera
• Mensaje de log — convierte el breakpoint en un logpoint: en vez de parar, escribe una línea en la consola. Pon expresiones entre llaves para imprimir valores: user = {user.name}, total = {total}. Si además tiene condición, solo registra cuando se cumple

Los breakpoints que añades, quitas o editas con el programa en marcha se aplican al momento, sin reiniciar.

Hot Reload

Activa Hot Reload (el botón 🔥 de la barra de depuración) y cada vez que guardes un fichero del proyecto la sesión se reinicia con el código nuevo, sin tener que parar y volver a depurar.

Otros lenguajes

El panel de depuración también se abre para Python, Java y el resto de lenguajes, pero ahí es una simulación: lo dice en un aviso («Simulación — depuración real solo para Node.js») y marca las variables y la pila como datos de ejemplo. Lo mostramos para que conozcas el panel, nunca como si depurara tu programa.

Un apunte sincero sobre el alcance

Esto todavía no está, así que no lo vamos a anunciar como si lo estuviera:

• Conectarse a un host remoto por red y perfilado de rendimiento
• Los breakpoints se quedan en su número de línea: si insertas líneas por encima, no se desplazan con el código

---

Breakpoints, logpoints, paso a paso y variables funcionan hoy contra un Node real en tu móvil.

PocketCode va camino de Google Play. Apúntate al preregistro para estar entre los primeros en probarlo en tu propio dispositivo.