馃殌 驴C贸mo usar el depurador de DevTools con Flutter?

3 minuto(s) de lectura

Nota: El depurador funciona con aplicaciones m贸viles y web de Flutter.

Empezando

DevTools incluye un depurador de nivel fuente completo, que admite puntos de interrupci贸n, pasos e inspecci贸n variable.

Cuando abra la pesta帽a del depurador, deber铆a ver todas las bibliotecas para su aplicaci贸n en la pantalla inferior izquierda (debajo del 谩rea de Scripts), y la fuente del punto de entrada principal para su aplicaci贸n se carga en el 谩rea de origen de la aplicaci贸n principal .

Para explorar m谩s fuentes de aplicaciones, puede desplazarse por el Scripts 谩rea y seleccionar otros archivos fuente para mostrar.

Captura de pantalla de la pesta帽a del depurador

Establecer puntos de interrupci贸n

Para establecer un punto de interrupci贸n, haga clic en el margen izquierdo (la regla del n煤mero de l铆nea) en el 谩rea de origen. Al hacer clic una vez, se establece un punto de interrupci贸n, que tambi茅n deber铆a aparecer en el 谩rea de Puntos de interrupci贸n a la izquierda. Al hacer clic nuevamente, se elimina el punto de interrupci贸n.

La pila de llamadas y las 谩reas variables

Cuando su aplicaci贸n encuentra un punto de interrupci贸n, se detiene all铆, y el depurador DevTools muestra la ubicaci贸n de ejecuci贸n pausada en el 谩rea de origen. Adem谩s, las 谩reas Call stack y se completan Variables con la pila de llamadas actual para el aislamiento en pausa y las variables locales para el marco seleccionado. La selecci贸n de otros cuadros en el Call stack 谩rea cambia el contenido de las variables.

Dentro del Variables 谩rea, puede inspeccionar objetos individuales al abrirlos para ver sus campos. Al pasar el cursor sobre un objeto en el Variables 谩rea, se llama toString() a ese objeto y se muestra el resultado.

Recorriendo el c贸digo fuente

Cuando est谩 en pausa, los tres botones de paso se activan.

  • Use Step In para ingresar a una invocaci贸n de m茅todo, deteni茅ndose en la primera l铆nea ejecutable de ese m茅todo invocado.
  • Use Step Over a paso para pasar por encima de una invocaci贸n de m茅todo; esto recorre las l铆neas de origen en el m茅todo actual.
  • Use Step Out para salir del m茅todo actual, sin detenerse en ninguna l铆nea intermedia.

Adem谩s, el bot贸n Resume contin煤a la ejecuci贸n regular de la aplicaci贸n.

Salida de la consola

La salida de la consola para la aplicaci贸n en ejecuci贸n (stdout y stderr) se muestra en la consola, debajo del 谩rea del c贸digo fuente. Tambi茅n puede ver el resultado en la vista de Registro o 鈥淟ogging View鈥.

Rompiendo excepciones

Para ajustar el comportamiento de interrupci贸n de excepciones, active las casillas de verificaci贸n Romper en excepciones no controladas (Break on unhandled exceptions) y Romper en todas las excepciones (Break on all exceptions) en la esquina superior derecha de la vista del depurador.

Romper las excepciones no controladas solo detiene la ejecuci贸n si el c贸digo de aplicaci贸n considera que el punto de interrupci贸n no ha sido capturado. Romper con todas las excepciones hace que el depurador haga una pausa si el c贸digo de aplicaci贸n captur贸 o no el punto de interrupci贸n.

Problemas conocidos

Al realizar un reinicio en caliente para una aplicaci贸n Flutter, los puntos de interrupci贸n del usuario se borran.

Otros recursos

Para obtener m谩s informaci贸n sobre depuraci贸n y creaci贸n de perfiles, consulte la p谩gina Depuraci贸n o 鈥淒ebugging鈥.

Gu铆a DevTools

馃憠 驴Qu茅 es DevTools? 馃憠 驴C贸mo instalar DevTools? 馃憠 驴C贸mo usar el inspector de DevTools? 馃憠 驴C贸mo usar la l铆nea de tiempo de DevTools? 馃憠 驴C贸mo usar la vista de memoria de DevTools? 馃憠 驴C贸mo usar la vista de rendimiento de DevTools? 馃搶 驴C贸mo usar el depurador de DevTools? 馃憠 驴C贸mo usar la vista de registro de DevTools? 馃憠 Gu铆a Flutter?

Relacionados

馃帗 Cursos en Espa帽ol 馃憠 Ejemplos de Aplicaciones 鈿 Documentaci贸n en Espa帽ol

Fuente: Salvo que se indique lo contrario, este trabajo est谩 licenciado bajo una licencia internacional Creative Commons Attribution 4.0 y los ejemplos de c贸digo est谩n licenciados bajo la licencia BSD. Creado por Flutter Oficial