Saltar al contenido principal

Flutter y Dart DevTools

Cómo usar Flutter DevTools con Flutter.

¿Qué es DevTools?

#

DevTools es una suite de herramientas de rendimiento y depuración para Dart y Flutter. Flutter DevTools y Dart DevTools se refieren al mismo conjunto de herramientas.

Pantallas de Dart DevTools

Para ver una introducción en video a DevTools, consulta el siguiente análisis profundo y recorrido de casos de uso:

Mira en YouTube en una pestaña nueva: "Dive in to Flutter and Dart DevTools"

¿Qué puedo hacer con DevTools?

#

Aquí hay algunas cosas que puedes hacer con DevTools:

  • Inspeccionar el diseño de la UI y el State de una app de Flutter.
  • Diagnosticar problemas de rendimiento de UI jank en una app de Flutter.
  • Profiling de CPU para una app de Flutter o Dart.
  • Profiling de red para una app de Flutter.
  • Depuración a nivel de código fuente de una app de Flutter o Dart.
  • Depura problemas de memoria en una app de línea de comandos de Flutter o Dart.
  • Mira el registro general e información de diagnóstico sobre una app de línea de comandos de Flutter o Dart en ejecución.
  • Analizar el código y el tamaño de la app.
  • Validar deep links en tu app de Android o iOS.

Esperamos que uses DevTools en conjunto con tu IDE existente o tu flujo de trabajo de desarrollo basado en la línea de comandos.

Cómo iniciar DevTools

#

Puedes iniciar DevTools con las siguientes herramientas:

Solución de algunos problemas comunes

#

Pregunta: Mi app se ve janky o da tirones. ¿Cómo lo soluciono?

Respuesta: Los problemas de rendimiento pueden hacer que los frames de la UI tengan jank y/o ralenticen algunas operaciones.

  1. Para detectar qué código impacta en frames tardíos concretos, comienza en Performance > Timeline.
  2. Para saber qué código consume la mayor cantidad de tiempo de CPU en el fondo, usa el CPU profiler.

Para más información, consulta la página de Rendimiento.

Pregunta: Veo que ocurren muchos eventos de recolección de basura (GC). ¿Es esto un problema?

Respuesta: Los eventos frecuentes de GC pueden mostrarse en el gráfico de DevTools > Memory > Memory. En la mayoría de los casos, no es un problema.

Si tu app tiene actividad frecuente en segundo plano con algún tiempo de inactividad, Flutter podría aprovechar esa oportunidad para recolectar los objetos creados sin impacto en el rendimiento.

Enviar comentarios

#

Por favor, prueba DevTools, danos tus comentarios y reporta problemas en el rastreador de problemas de DevTools. ¡Gracias!

Versionado de DevTools

#

DevTools se distribuye como parte del Flutter SDK. Para obtener acceso a las últimas funcionalidades de DevTools, ejecuta flutter upgrade para obtener la versión más actualizada de Flutter. Para acceder a las características de DevTools antes de que lleguen al canal stable de Flutter, considera cambiar a los canales beta o main.

Otros recursos

#

Para más información sobre la depuración y el profiling de apps de Flutter, consulta la página de Depuración y, en particular, su lista de otros recursos.

Para más información sobre cómo usar DevTools con apps de línea de comandos de Dart, consulta la documentación de DevTools en dart.dev.