There is a useful Chrome Extension for UI5 which could be downloaded via url:

Once installed, there will be a new tab “UI5” in Chrome development tool.

Within this tab, instead of displaying the native HTML dom elements in traditional “Elements” tab, it will display UI5 controls together with their properties. See the navigation back button for example.

Compare with the original property display for this navigation button:

Through comparison we can easily find out that the Chrome extension provides us a more neat view which can help us concentrate on those UI5 properties.

In the Bindings tab, there are more detail information regarding a control if it is bound to a given model field, for example the binding path, the current value of the model field, the field type and model type, as displayed below:

The Application Information tab contains general information of current UI5 application, so it is not necessary for you to press Ctrl+Alt+Shift+P to get this information displayed.

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的一个有用的Chrome扩展应用：SAP UI5 Inspector的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。