UI5 Inspector
With the UI5 Inspector, you can easily debug and
support your OpenUI5 or SAPUI5-based apps.
Inspect OpenUI5 controls and review their properties, bindings, and data model
Find relevant
framework
information for your OpenUI5 app
Modify control properties on the fly and see how this affects rendering and behavior
Example App
Download UI5 Inspector and add it to your Chrome browser as a standard extension
Download the example app with errors from the Demo Kit at Troubleshooting and run the app
Open the
Developer Tools in Google Chrome by
pressing F12
Choose the UI5 tab on the right side of the developer tools panel and choose Control Inspector
Main Features
Browser Action
Clicking the browser action icon in the address bar provides you with: information on the used OpenUI5 version, links to the What's New in OpenUI5 section and the OpenUI5 documentation and link to the OpenUI5 website.
Control Inspector
This tab shows the structure and nesting of the OpenUI5 controls. You can search and filter for specific controls. You have the options to show/hide the control's namespace and attributes in the tree.
Properties
In this tab, you can see the properties that have been set for the selected control. Additionally, the inherited properties are also listed.
Bindings
In this tab, you can see the bindings for a specific control. The number of bindings is displayed in parentheses in the tab title. Selecting the tab gives you more information about individual models, paths and values.
Application Information
In this tab, you can see overall information for your app – for example, the exact OpenUI5 version you are running, the version of your browser, and the app URL.