| loio |
|---|
| 615d9e4aaa34447fbd4aa5f19dfde9b8 |
view on: demo kit nightly build | demo kit latest release
This section describes the various tools that are available for troubleshooting apps developed with OpenUI5
The first place to check for errors is the developer tools that are provided by the various browsers. They can help you examine the details of the current web page and provide you with debugging tools. For more information on how to debug OpenUI5 apps, see Debugging and Logging and Tracing.
OpenUI5 also provides you with support tools that help you troubleshoot and solve issues.
Support Tools Available in OpenUI5
|
Tool |
Use Case Examples |
How to Open |
|---|---|---|
|
Use the Technical Informationdialog to enable debug sources and to check which OpenUI5 version is currently running. |
[Ctrl] + [Shift] + [Alt] /[Option] + [P] Gesture on mobile device:
|
|
|
Use the Support Assistant to check whether the application is built according to the best practices for building OpenUI5 apps. |
From the Technical Information dialog or with the URL parameter |
|
|
Use the Diagnostics window to enable debug sources, display the control tree, and to view and change control properties and bindings. |
[Ctrl] + [Shift] + [Alt] /[Option] + [S] |
|
|
Use the UI5 inspector to display the control tree, and to view and change control properties and bindings on-the-fly. |
Available as add-on for Google Chrome browser only |
Performance Measurement Tools
|
Tool |
Use Case Examples |
|---|---|
|
Performance Measurement Using sap/ui/performance/Measurement Module |
Measures the performance of your JavaScript code. |
|
Identifies performance issues in your application by tracking the interaction that is performed on the UI |
For help with specific problems see our First-Aid Kit.
If you're stuck and need help with a development task, you can also post a question in the OpenUI5-related forums, for example in the SAP Community or on Stack Overflow.
- Debugging
When developing apps, searching for bugs is an inevitable part of the process. To analyze an issue, you can use the developer tools of your browser and built-in OpenUI5 tools. In this section, we give an overview of the OpenUI5 tools you can use when debugging. To learn more about the developer tools of your browser, check the documentation of the browser. - Logging and Tracing
Use the built-in OpenUI5 logging mechanisms to debug and analyze applications or framework errors. - Technical Information Dialog
The Technical Information dialog shows details of the OpenUI5 version currently being used in an app built with OpenUI5. You can use the Technical Information dialog to enable debug resources and open additional support tools to debug your app. - Diagnostics
The Diagnostics window available in OpenUI5 is a support tool that runs within an existing OpenUI5 app. - Support Assistant
The Support Assistant enables developers to check whether their apps are built according to the OpenUI5 best practices and guidelines. - Test Recorder
The Test Recorder tool supports app developers who write integration and system tests. - UI5 Inspector
The UI5 Inspector is an open source Chrome DevTools extension that helps app developers to inspect, analyze, and support OpenUI5-based apps. It is supported for apps based on OpenUI5 version 1.28 and higher. - Performance Measurement Using sap/ui/performance/Measurement Module
You can usesap/ui/performance/Measurementto measure the performance of your JavaScript code. - Interaction Tracking for Performance Measurement
You can analyze the performance of your UI5 application by tracking the interaction that is performed on the UI. - First-Aid Kit
This section contains the most common issues that you might face when developing OpenUI5 apps and how to solve them.
Related Information