Web UI 框架的调试工具

Web UI 框架具有多个调试工具，其中一些工具包含控制台、“启动跟踪”按钮和“查看屏幕模型”按钮。

  • 控制台
    这将在登录到应用程序之后显示在屏幕底部。 它包括以下功能部件：
    • “调试控制台”选项卡

      这将显示您使用“启动跟踪”按钮跟踪操作时运行的操作。

      它还包含用于您的测试脚本的面板。 您可以使用这些脚本捕获错误。

    • DOM 检验器

      这显示了屏幕上使用的文件路径 JavaScript,、CSS和其他文件）。

  • “启动跟踪”按钮

    单击此按钮后，将记录您执行的所有操作，直至您单击“停止跟踪”按钮。 此按钮将在“启动跟踪”和“停止跟踪”标签之间切换。 您的操作将记录在控制台的“调试控制台”选项卡上。

    要显示此按钮，请按 Ctrl + F2。

  • “查看屏幕模型”按钮
    单击此按钮将显示“屏幕模型”对话框，该对话框显示以下信息：
    • 基于 Ext JS 的屏幕信息。
    • 绑定到此屏幕的名称空间。
    • 这些名称空间的数据。
您可以采用以下方式之一查看这些信息：
  • 文本视图

    以 JSON 格式显示数据。

  • 树形视图

    显示有关目录视图中对象的属性信息。

要显示此按钮，请按 Ctrl + F2。

要获取此按钮的示例，请执行以下操作：
  1. 单击 管理页面 > 管理机场
  2. 单击搜索按钮。

    这样会显示搜索结果。

  3. 按 Ctrl + F2。
  4. 单击查看屏幕模型按钮。

    这样会显示“屏幕模型”对话框。

  5. 在“屏幕”面板中，向下单击树中的 sc.[application].airport 和“源名称空间”，然后选择 getAirportList 名称空间。
  6. 在“模型”面板中，单击“文本视图”和“树形视图”以查看 getAirportList 名称空间的不同数据视图。