Ferramentas de Depuração do Web UI Framework

O Web UI Framework possui uma variedade de ferramentas de depuração, algumas das quais incluem o Console, o botão Iniciar rastreio e o botão Visualizar modelo de tela.

  • Console
    Isto aparece na parte inferior da tela depois de você efetuar login no aplicativo. Estão incluídos os recursos a seguir:
    • Guia Console de Depuração

      Isto mostra as ações que podem ser executadas durante o rastreio usando o botão Iniciar Rastreio.

      Ela também inclui um painel para scripts de teste. É possível rastrear erros usando estes scripts.

    • Inspetor DOM

      Isso mostra os caminhos dos arquivos usados na tela JavaScript, css e outros arquivos).

  • Botão Iniciar Rastreio

    Quando clicar neste botão, todas as ações executadas serão registradas até você clicar no botão Parar Rastreio. Os rótulos do botão se alternam entre Iniciar Rastreio e Parar Rastreio. Suas ações são registradas na guia Console de Depuração do Console.

    Para exibir esse botão, clique em Ctrl + F2.

  • Botão Visualizar Modelo de Tela
    Clicar nesse botão exibe a caixa de diálogo Modelo de Tela, que mostra as seguintes informações:
    • Informações de tela baseadas no Ext JS.
    • Os namespaces ligados para esta tela.
    • Os dados desses namespaces.
Essas informações podem ser visualizadas de uma das seguintes formas:
  • Visualização de Texto

    Mostra os dados no formato JSON.

  • Visualização em árvore

    Mostra informações de propriedade sobre o objeto em uma visualização de diretório.

Para exibir esse botão, clique em Ctrl + F2.

Para obter um exemplo deste botão, execute o seguinte:
  1. Clique em Página do administrador > Gerenciar aeroporto
  2. Clique no botão Procurar .

    Os resultados da procura são exibidos.

  3. Clique em Ctrl + F2.
  4. Clique no botão Visualizar Modelo de Tela.

    A caixa de diálogo Modelo de Tela é exibida.

  5. No painel de Telas, clique em sc.[application].airport no Namespace de Origem na árvore e selecione o namespace getAirportList.
  6. No painel Modelo, clique na Visualização em Texto e na Visualização em Árvore para ver diferentes visualizações dos dados para o namespace getAirportList.