Depurar JavaScript no Qt Creator

Imprimir no console

O método preferido de depurar seus aplicativos do AppStudio é utilizar a mensagem de console.log no seu código QML, pois estas mensagens são exibidas no console do Qt Creator e são as mesmas para todas as plataformas. Este método funciona sem a instalação do Qt kit; somente AppStudio é exigido.

Para executar seu aplicativo no Qt Creator, clique em Executar no menu Ferramentas > Externo > AppStudio . Você também pode pressionar Alt+Shift+R em seu teclado ou clique no botão Executar à esquerda inferior da janela Qt Creator.

Modo de depuração do Qt Creator

A versão do Qt Creator empacotado com o AppStudio versão 4.0 fornece acesso imediato às ferramentas de depuração do Qt Creator. Para abrir seu aplicativo no modo de depuração, pressione F5 no Qt Creator ou clique no botão Iniciar depuração do projeto de inicialização à esquerda inferior da janela do Qt Creator.

Consulte Interagindo com o Depurador na documentação de Qt para mais informações de como utilizar as ferramentas de depuração no Qt Creator.

Anotação:

Enquanto a documentação de Qt inclui informações sobre depuração C++, uma licença Qt SDK é exigida para utilizar este idioma, que não é fornecido com AppStudio.

Pontos de interrupção

Os pontos de interrupção podem ser utilizados no Qt Creator para interromper seu aplicativo quando ele alcançar linhas de código específicas, passando o controle para você. Você pode então examinar o estado do aplicativo e continuar a execução de linha por linha ou continuamente.

Você pode inserir um ponto de interrupção em seu aplicativo nos modos seguintes:

  • Pressione F9 (F8 no macOS) com o ponteiro de texto na linha onde deseja inserir o ponto de interrupção.
  • Clique no espaço à esquerda do número da linha.
  • Clique duas vezes na parte vazia da visualização de Pontos de interrupção e forneça um número de linha na janela Adicionar Pontos de Interrupção que aparece.
  • Selecione Adicionar Ponto de Interrupção na visualização Pontos de Interrupção e forneça um número de linha na janela Adicionar Pontos de Interrupção que aparece.

Seu aplicativo agora parará no ponto onde você configurar o ponto de interrupção, com o depurador no Qt Creator fornecendo opções para retomar o normal, parar o aplicativo ou pular para outra linha de código.

Para abrir a janela Editar Pontos de Interrupção , clique duas vezes no ponto de interrupção na visualização Pontos de Interrupção ou clique com o botão direito no ponto de interrupção na visualização do código, e clique em Editar Ponto de Interrupção. Nesta janela, você pode configurar tipos diferentes de pontos de interrupção, como também condições antes do aplicativo parar no ponto de interrupção, o número de vezes que o ponto de interrupção será ignorado antes de parar o aplicativo e comandos para passar automaticamente quando alcançar o ponto de interrupção.

Para mover um ponto de interrupção, selecione e arraste-o para o local desejado. Para excluir um ponto de interrupção, pressione F9 (F8 no macOS) novamente, clique no ícone do ponto de interrupção ou clique com o botão direito do mouse no ponto de interrupção e selecione Excluir Pontos de Interrupção Selecionados ou Excluir Todos os Pontos de Interrupção.

Para mais informações sobre pontos de interrupção, consulte Configurando Pontos de Interrupção na documentação do Qt.

QML Profiler

Além de possivelmente causar erros inesperados que evitam um aplicativo de funcionar como o esperado, JavaScript pode também ser responsável pela redução em desempenho em um aplicativo de QML. Muita execução de JavaScript em um período pequeno de tempo, por exemplo, pode causar atraso ou queda da estrutura. Você pode utilizar a ferramenta QML Profiler para localizar a causa destas quedas em desempenho monitorando os dados como as funções de JavaScript em uso, uso de memória e eventos de entrada.

Para habilitar o QML Profiler, primeiro assegure que seu aplicativo não esteja executando o Qt Creator atualmente. Então, com sua visualização do aplicativo Projeto aberta, selecione Analisar > QML Profiler. Seu aplicativo abrirá, com a seção QML Profiler abrindo em Qt Creator em segundo plano. Execute as ações em seu aplicativo que deseja perfilar e clique em Parar na seção QML Profiler . A seção QML Profiler fornece a você um Gráfico de Cena de comportamento do seu aplicativo. Sua visualização de código também exibirá os valores de porcentagem pelo tempo que seu aplicativo gasta executando cada parte do seu código.

Para mais informações sobre o QML Profiler, consulte Perfilando Aplicativos QML na documentação de Qt.