Depuración de herramientas para la infraestructura de interfaz de usuario web

La infraestructura de interfaz de usuario web cuenta con una serie de herramientas de depuración, algunas de las cuales incluyen el botón de Iniciar rastreo y Ver modelo de pantalla de la consola.

  • Consola
    Aparece en la parte inferior de la pantalla una vez que ha iniciado sesión en la aplicación. Incluye las características siguientes:
    • Ficha Consola de depuración

      Muestra las acciones que ha ejecutado durante las acciones de rastreo mediante el botón Iniciar rastreo.

      También incluye un panel para los scripts de prueba. Puede captar errores mediante estos scripts.

    • Inspector DOM

      Muestra las rutas de los archivos utilizados en la pantalla JavaScript, css y otros archivos).

  • Botón Iniciar rastreo

    Al pulsar este botón, todas las acciones que realice se registran hasta que pulsa el botón Detener rastreo. El botón alterna las etiquetas Iniciar rastreo y Detener rastreo. Las acciones se registran en la ficha Consola de depuración de la Consola.

    Para que se visualice este botón, pulse Ctrl + F2.

  • Botón Ver modelo de pantalla
    Al pulsar este botón se muestra el recuadro de diálogo Modelo de pantalla, que muestra la información siguiente:
    • Información de pantalla basada en Ext JS.
    • Espacios de nombres que están enlazados a esta pantalla.
    • Datos de estos espacios de nombres.
Puede ver esta información de una de las maneras siguientes:
  • Vista de texto

    Muestra los datos en el formato JSON.

  • Vista de árbol

    Muestra información de propiedad sobre el objeto en una vista de directorio.

Para que se visualice este botón, pulse Ctrl + F2.

Para obtener un ejemplo de este botón, haga lo siguiente:
  1. Pulse Página de administración > Gestionar aeropuerto
  2. Pulse el botón Buscar .

    Se muestran los resultados de la búsqueda.

  3. Pulse Ctrl + F2.
  4. Pulse el botón Ver modelo de pantalla.

    Se muestra el recuadro de diálogo Modelo de pantalla.

  5. En el panel Pantallas, desplácese por el árbol hacia abajo, pase sc.[application].airport y Espacios de nombres de origen y seleccione el espacio de nombres getAirportList.
  6. En el panel Modelo, pulse en la vista de texto y en la vista de árbol para ver distintas vistas de los datos del espacio de nombres getAirportList.