UI5 Lens

Inspect SAPUI5/OpenUI5 apps: control tree, properties, bindings, models and event handlers. No data leaves your browser.

UI5 Lens is an inspector for web applications built with SAPUI5 or OpenUI5. Click the toolbar icon (or press Alt+Shift+U) on a page that runs UI5 and a panel opens on top of the page: • Pick – click any control on the page to select it. The click never reaches the app. • Control tree – UI areas, components, views and controls, including hidden aggregations, with search by ID, type or text. • Properties – grouped by class, with default values, bound markers and optional live editing. • Bindings – property, composite, aggregation and element bindings: model, path, resolved path, context, mode, type, formatter and current value. • Models – JSON, OData V2, OData V4 and resource models: service URL, metadata state, entity sets, pending changes and a lazy data browser. • Events – every attached handler with its controller method. From the "UI5 Lens" DevTools tab you can jump to the handler's source code or pause on it. • App – UI5 version, theme, language, components, data sources and loaded libraries. • Frames – finds UI5 apps running in iframes. Privacy: • No data is collected, stored or transmitted. UI5 Lens makes no network requests. • Values of keys that look like passwords or tokens are masked by default. • Only panel position and view preferences are stored locally in the browser. Permissions: "activeTab" and "scripting" are used only to start the panel on the tab where you click the icon. The extension cannot read any page until you click it. Supports UI5 1.71 and later, Fiori Launchpad and standalone apps. Developed by Ahmet Doğan – https://www.linkedin.com/in/dogann/ SAP, SAPUI5 and OpenUI5 are trademarks of SAP SE. UI5 Lens is an independent tool and is not affiliated with or endorsed by SAP.