UI5 Inspector

Inspect, debug, and analyze your UI5 applications — directly from Chrome DevTools. UI5 Inspector works across the UI5 family: • OpenUI5 and SAPUI5 — the classic, control-based framework • UI5 Web Components — the standalone, framework-agnostic library • Apps that use both on the same page Everything is organized into five DevTools tabs: CONTROL INSPECTOR • Browse a live control tree and select any element to inspect it • Right-click any element on the page → "Inspect UI5 element" to jump straight to it • Toggle namespaces and attributes, and filter the tree by search term • View and edit properties on the fly • Inspect bindings with resolved values and aggregations (classic controls), slots (web components), and declared events — each in its own tab • Hover any row to highlight the corresponding element on the page APPLICATION INFORMATION • Framework name and version, loaded libraries, and bootstrap configuration • For UI5 Web Components apps: detected runtimes, OpenUI5 interop status, and the registered component tags in use on the page ODATA REQUESTS • Monitor the app's OData calls directly in the DevTools panel • Sort requests by name, method, or status, and inspect the response body with syntax highlighting ELEMENTS REGISTRY • Browse every registered UI5 control in the app — including ones not currently rendered on screen • Search and filter by control type or ID, with hover-to-highlight on the page • Drill into the XML view and controller bound to each view AI ASSISTANT • Ask plain-language questions about the selected control or web component • The assistant sees its properties, bindings, events, and slots automatically — no copy-pasting required • Console errors from the inspected page are included for more accurate answers • Powered by Chrome's built-in Prompt API (on-device Gemini Nano) — no API key, no external service, no data leaves your device UI5 Inspector is open source and maintained by SAP. Source: https://github.com/UI5/inspector