我们在本教程前一步骤里,已经得到了下面这个包含了一个 SAP UI5 Button 控件的最简单的 SAP UI5 应用:
我们给 Chrome 开发者工具安装一个名叫 UI5 Inspector
的扩展:
SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法
然后打开 Chrome 开发者工具,会看到一个新的 UI5
的标签页。
这个新的 UI5 标签页就是 UI5 Inspector
这个扩展的使用界面。
其中 Control Inspector
里我们就能看到当前 SAP UI5 应用渲染之后,生成的 UI5 控件实例
。如果不使用这个扩展,我们默认情况下只能在 Chrome 开发者工具里的 Elements
标签页,观察到最后渲染的 原生 HTML 代码
,如下图所示: