Debugging-Tools im Webbenutzerschnittstellen-Framework

Das Webbenutzerschnittstellen-Framework enthält eine Vielzahl von Debugging-Tools, z. B. die Konsole, die Schaltfläche "Start Trace" und die Schaltfläche "View Screen Model".

  • -Konsole
    Wird am unteren Rand der Anzeige eingeblendet, nachdem Sie sich in der Anwendung angemeldet haben und enthält die folgenden Funktionen:
    • Registerkarte "Debug Console"

      Zeigt die Aktionen, die beim Tracing von Aktionen (über die Schaltfläche "Start Trace") ausgeführt wurden.

      Sie enthält außerdem ein Fenster für Ihre Testscripts, die Sie zum Eingrenzen von Fehlern verwenden können.

    • DOM Inspector

      Dies zeigt die Pfade für die auf dem Bildschirm verwendeten Dateien JavaScript,, CSS und andere Dateien).

  • Schaltfläche "Start Trace"

    Wenn Sie auf diese Schaltfläche klicken, werden alle ausgeführten Aktionen aufgezeichnet, bis Sie die Schaltfläche "Stop Trace" drücken. Die Bezeichnung dieser Schaltfläche wechselt zwischen "Start Trace" und "Stop Trace". Ihre Aktionen werden auf der Registerkarte "Debug Console" der Konsole aufgezeichnet.

    Drücken Sie STRG+F2, um diese Schaltfläche anzuzeigen.

  • Schaltfläche "View Screen Model"
    Wenn Sie auf diese Schaltfläche klicken, wird das Dialogfenster "Screen Model" mit folgenden Informationen angezeigt:
    • Ext JS-basierte Anzeigeninformationen.
    • Namespaces, die an diese Anzeige gebunden sind.
    • Daten für diese Namespaces.
Führen Sie zum Anzeigen dieser Informationen einen der folgenden Schritte aus:
  • Textsicht

    Zeigt die Daten im JSON-Format.

  • Baumansicht

    Zeigt die Eigenschaftsinformationen zum Objekt in einer Verzeichnisansicht an.

Drücken Sie STRG+F2, um diese Schaltfläche anzuzeigen.

Gehen Sie wie folgt vor, um ein Beispiel für diese Schaltfläche anzuzeigen:
  1. Klicken Sie auf Verwaltungsseite > Flughafen verwalten .
  2. Klicken Sie auf die Schaltfläche Suchen .

    Die Suchergebnisse werden angezeigt.

  3. Drücken Sie STRG+F2.
  4. Klicken Sie auf die Schaltfläche View Screen Model.

    Das Dialogfenster "Screen Model" wird angezeigt.

  5. Navigieren Sie im Fenster "Screens" durch die Baumstruktur bis zu "sc.[application].airport" und "Source Namespace" und wählen Sie den Namespace "getAirportList" aus.
  6. Klicken Sie im Fenster "Model" auf "Text View" und "Tree View", um die unterschiedlichen Ansichten der Daten für den Namespace "getAirportList" anzuzeigen.