Accessing Neptune Designer Objects in the Browser Console when developing with Neptune Planet 8 Version 6+

One of the common Neptune Development practices is to load an app directly into the browser and then check the values and properties of SAP UI5 objects directly in the browser console.  In the recent releases of the Neptune Planet 8 Platform the way that the application code is loaded has changed and you can no longer directly access the UI5 objects.

The screenshot below shows accessing the Admin App Settings Tab Bar in a version prior to version 6 of the Planet 8 Platform.

The object is shown and it's properties can be accessed.  This is very useful when debugging and developing applications.

Doing the same in the latest Planet 8 version 6 releases returns the DOM element, not the UI5 Object.

The UI5 Framework keeps track of all the objects, and the UI5 Framework is in the global scope so we can access UI5 Objects by their id.

sap.ui.getCore().byId("tabBarSettingsDefaults").getText();
"Settings"

If you want to create a shortcut to save on typing create a variable that accesses sap.ui.getCore().byId.

In this case I've made a shortcut variable "z" so that I can call z("tabBarSettingsDefaults") to access the tabBarSettingsDefaults object.

Happy Coding!

1 Votes