Junos Space SDK > Developer Guides > Junos Space Application Developer Guide > Programming with the Junos Space SDK > Developing Junos Space Applications > Creating the UI

Debugging the UI

Firebug is a plug-in for the Firefox browser that allows the debugging, editing, and monitoring of a website's CSS, HTML, DOM, and JavaScript. It also provides other Web development tools. Firebug also has a JavaScript console for logging errors and watching values. The "Net" feature monitors all HTTP requests between the browser, client, and a server.

Using Firebug in the Junos Space Application Platform

This topic describes how to use Firebug to debug your UI.

Enabling Firebug

To enable Firebug:

Viewing XHR Requests

You can use Firebug to view all requests related to the page in order to determine the problem location.

To view XHR requests:

  1. To view the requests select Console > All.

  2. Click on all HTTP requests as shown in following screen.

Viewing and Debugging JavaScript

To view and debug JavaScript:

Viewing REQUEST/RESPONSE headers

To view REQUEST/RESPONSE headers:

To view a RESPONSE body:

Viewing Generated HTML or CSS

To view generated HTML or CSS

Debugging Junos Space and Ext/JS Javascript Libraries

API for Controlling the Ribbon in a Junos Space Application

A working Junos Application can have multiple tasks. To switch tasks on the UI, the platform provides a JavaScript API defined in the JxUtilities.js file. You can switch to another task using the following function:

     JxUtilities.jumpToTask(taskName)

Where taskName represents a parameter that is the task name to which you want to shift (corresponding task will be selected in the UI and control is switched to the given task).

For details, see the screens given below.

If you switch from the HelloWorld tree task (HelloWorldTreeView) to SortStates task (HelloWorldSortStateTask):