This topic describes how to use Firebug to debug your UI.
To enable Firebug:
Click on Tools > Firebug > Open Firebug or press F12. (If you want to launch firebug in a new window, the corresponding option should be selected.) as follows.
Alternatively, you can also launch the Firebug from the launcher as shown in the screen below.
You can use Firebug to view all requests related to the page in order to determine the problem location.
To view XHR requests:
To view the requests select Console > All.
Click on all HTTP requests as shown in following screen.
Using breakpoints and other standard methods, such as watch expression.
To debug a method click Scripts > Detailed Scripts and Debugging as shown in the following screen.
To view REQUEST/RESPONSE headers:
To view the Request/Response headers, click Console > Detailed Request as shown in the screen below.
To view a RESPONSE body:
To view the complete RESPONSE body returned in the HTTP request, click Console > All > Detailed Request as shown in following screen.
To view generated HTML or CSS
Click HTML or CSS tab as shown in the following screen.
Note: Script and HTML view displays the complete code for the application's components along with Ext and Platform components.
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):
To rebuild the application, you can jump to another task on respective event (as shown in the figure below).