¿Cómo usar el depurador de DevTools con Flutter?

A continuación sigue la guía de uso sobre las herramientas de desarrollo para Flutter, en este caso vamos a conocer el depurtador de DevTools.

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

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

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 “Logging 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 “Debugging”.

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?

{: .btn .btn–light-outline .btn–large} ? ¿Cómo usar la vista de registro de DevTools? ? Guía Flutter?

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

Relacionado

Webview en Beta: Herramienta de depuración para desarrolladores Android

Desde 2014, Android WebView ha allanado el camino como un componente del sistema actualizable, ofreciendo mejoras de estabilidad y rendimiento, características modernas de la plataforma web y parches de seguridad para aplicaciones y usuarios de Android. Sin embargo, las actualizaciones pueden ser un arma de doble filo: por mucho que nos esforcemos por la estabilidad y la compatibilidad con versiones anteriores, ocasionalmente se producen nuevos bloqueos ¡SEGUIR LEYENDO!

The best Udemy courses in August, only for 9.99 $

Los mejores cursos en inglés y en oferta, hasta el día 27. Los cursos incluidos aquí son todos en inglés. Revisa por aquí, entre los mejores cursos en oferta de Udemy de Agosto en español, si lo que deseas son cursos en español. Si por desgracia, no tienes la oportunidad de acceder a comprar alguno de los excelentes cursos que te mostraré a continuación. Siempre puedes ¡SEGUIR LEYENDO!

Se lanza Dart 2.12: Seguridad nula e interoperabilidad C

Junto al lanzamiento de Flutter 2.0, Google también está lanzando una nueva versión del lenguaje de programación Dart: Dart 2.12. En caso de que aún no lo supieras, Dart es el lenguaje que usa Flutter. Es un lenguaje basado en TypeScript, pero que viene con algunas funciones adicionales del lenguaje, incluidas las que se intentará repasar a continuación. Seguridad Nula La seguridad nula es una característica ¡SEGUIR LEYENDO!

Se anuncia el kit de desarrollo Flutter Alpha para su uso en Windows

Nuestra misión es proporcionar a los desarrolladores un framework de código abierto y de alta productividad para crear aplicaciones nativas hermosas en cualquier plataforma. Hasta ahora, hemos enviado soporte de calidad de producción para Android e iOS, con ocho versiones estables y más de 100,000 aplicaciones enviadas solo a Google Play Store. Continuamos ampliando nuestro enfoque para incluir otras plataformas, incluidas web, macOS y Linux. Hoy, ¡SEGUIR LEYENDO!

Nueva Versión Estable de Flutter 2: Mejoras para los Desarrolladores

Nuevos cambios en el SDK de Flutter 2, visto desde el punto de vista de un desarrollador. A continuación, vamos a ojear algunas de las nuevas mejoras que el SDK de Flutter 2 va a permitir implementar a todos los creadores de aplicaciones de Flutter, de aquí en adelante. Agregado de enlaces Los hipervínculos, son una parte fundamental para la forma en la que los usuarios ¡SEGUIR LEYENDO!