Depurar JavaScript en Qt Creator

Imprimir en la consola

El método preferido para depurar las aplicaciones de AppStudio es usar mensajes console.log en su código QML, ya que estos mensajes se muestran en la consola de Qt Creator y son iguales para todas las plataformas. Este método funciona sin tener que instalar el kit de Qt; solo se requiere AppStudio.

Para ejecutar la aplicación en Qt Creator, haga clic en Ejecutar en el menú Herramientas > Externas > AppStudio. También puede pulsar Alt+Mayús+R en el teclado o hacer clic en el botón Ejecutar en la parte inferior izquierda de la ventana de Qt Creator.

Modo de depuración de Qt Creator

La versión de Qt Creator que se suministra con la versión 4.0 de AppStudio ofrece acceso inmediato a las herramientas de depuración de Qt Creator. Para abrir su aplicación en modo de depuración, pulse F5 en Qt Creator o haga clic en el botón Iniciar depuración de proyecto de inicio en la parte inferior izquierda de la ventana de Qt Creator.

Consulte Interactuar con el depurador en la documentación de Qt para obtener más información sobre cómo usar las herramientas de depuración en Qt Creator.

Nota:

Si bien la documentación de Qt contiene información sobre la depuración de C++, se requiere una licencia de Qt SDK para utilizar este lenguaje, que no se proporciona con AppStudio.

Puntos de corte

Los puntos de corte se pueden utilizar en Qt Creator para interrumpir su aplicación cuando llega a líneas de código específicas, por lo que usted pasa a tener el control. Después, puede examinar el estado de la aplicación y continuar la ejecución, ya sea línea por línea o de forma continua.

Es posible insertar un punto de corte en su aplicación de estas formas:

  • Pulse F9 (F8 en macOS) con el puntero de texto sobre la línea en la que desea insertar el punto de corte.
  • Haga clic en el espacio a la izquierda del número de línea.
  • Haga doble clic en la parte vacía de la vista Puntos de corte e introduzca un número de línea en la ventana Agregar puntos de corte que aparece.
  • Seleccione Agregar punto de corte en la vista Puntos de corte e introduzca un número de línea en la ventana Agregar puntos de corte que aparece.

Ahora su aplicación se detendrá en el punto en el que ha insertado el punto de corte y el depurador de Qt Creator ofrecerá opciones para reanudar la actividad normal, detener la aplicación o ir a otra línea de código.

Para abrir la ventana Editar puntos de corte, haga doble clic en el punto de corte en la vista Puntos de corte o bien haga clic con el botón derecho en el punto de corte en la vista de código y, después, haga clic en Editar punto de corte. En esta ventana puede definir distintos tipos de puntos de corte, así como condiciones antes de que la aplicación se detenga en el punto de corte, las veces que se ignorará el punto de corte antes de detener la aplicación y los comandos para pasar automáticamente cuando se alcance el punto de corte.

Para mover un punto de corte, selecciónelo y arrástrelo hasta la ubicación deseada. Para eliminar un punto de corte, pulse de nuevo F9 (F8 en macOS) y haga clic en el icono del punto de corte, o bien haga clic con el botón derecho en el punto de corte y seleccione Eliminar puntos de corte seleccionados o Eliminar todos los puntos de corte.

Para obtener más información sobre los puntos de corte, consulte Configurar puntos de corte en la documentación de Qt.

Generador de perfiles de QML

Además de la posibilidad de causar errores inesperados que impiden que una aplicación funcione como está previsto, es posible que JavaScript provoque una disminución del rendimiento en una aplicación QML. Por ejemplo, si se ejecuta demasiado JavaScript en un breve periodo de tiempo, puede causar retrasos o que los marcos se eliminen. Puede utilizar la herramienta Generador de perfiles de QML para hallar la causa de esta reducción del rendimiento monitorizando datos como las funciones de JavaScript en funcionamiento, uso de memoria y eventos de entrada.

Para habilitar el Generador de perfiles de QML, primero asegúrese de que su aplicación no esté ejecutando en este momento Qt Creator. Después, teniendo abierta la vista Proyecto de su aplicación, seleccione Analizar > Generador de perfiles de QML. Su aplicación se abrirá con la sección Generador de perfiles de QML abierta con Qt Creator tras ella. Lleve a cabo las acciones que desee perfilar en su aplicación y haga clic en Detener en la sección Generador de perfiles de QML. La sección Generador de perfiles de QML ofrece un Gráfico de escena del comportamiento de su aplicación. La vista del código también mostrará valores de porcentaje que corresponden al tiempo que pasó su aplicación ejecutando cada parte del código.

Para obtener más información sobre el Generador de perfiles de QML, consulte Perfilar aplicaciones QML en la documentación de Qt.