SAP UI5 应用开发教程之三十七 - 使用 Chrome 开发者工具 Console 面板进行元素审查

本教程的前一个步骤 SAP UI5 应用开发教程之三十六 - 使用 Chrome 开发者工具 Elements 标签动态修改 CSS 类 我们学习了 Chrome 开发者工具 Elements 面板的使用。本步骤继续探索另一个 Console 面板的使用。

技巧1：利用 jQuery 选择器，查看控件对应的 DOM 元素明细

很多 SAP UI5 开发人员，对于 Console 面板的使用，可能仅仅限于浏览应用运行时打印出的 INFO 或者 ERROR 信息。其实我们还可以在 Console 面板里输入一些命令，来审查 SAP UI5 应用页面上的元素明细。

本步骤的源代码，地址如下：

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/37

进入文件夹 37，执行命令行 npm install 和 ui5 serve，访问 url：

http://localhost:8080/webapp/index.html

打开页面ÿ