如何提取SAP UI5应用的技术信息

简介: Suppose I need to find out the implementation of button “Create” in Customer Engagement Initiative (CEI):

Suppose I need to find out the implementation of button “Create” in Customer Engagement Initiative (CEI):


image.png


We could observe that once button is clicked, a pop up appears:


image.png


And I have to find out how is this implemented.


Step1 Launch the application via Chrome.

Click F12 to open Chrome developer tool, and click “Inspect Element” button, and put the mouse onto the Create button,


image.png


and click it. Then the html source code of this button is automatically located. However in “Event Listeners” in the right part, still I could not find information I want:


image.png


Step2 Go to tab “Sources”, enable Event Listener Breakpoints with type = Mouse.click.


image.png

Then switch application to debug mode by clicking “Pause” button:


image.png


Then click the Create button, and expand the “Call Stack” tab:


image.png


In callstack hierarchy you could see lots of framework stuff ( sap-ui-core.js ), and the highlighted entry below is just what I am looking for.


Double click on it, and the JavaScript code to open the popup window is automatically displayed. It is implemented in js view CUAN_INI_OW_WSI.view.js:228.


image.png


In CEI, you could also find the corresponding deployed js view in ABAP backend, using tcode SE80 to open the BSP application.


image.png


or we can also find CUAN_INI_OW_WSI.view.js manually in Sources tab:


image.png

相关文章
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
38 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
23 0
|
1月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
35 0
|
1月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
41 0
|
1月前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
22 0
|
1月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
123 0
|
1月前
关于 SAP ABAP OData 服务如何实现 Deep Insert 场景 - SAP 应用的标准行为试读版
关于 SAP ABAP OData 服务如何实现 Deep Insert 场景 - SAP 应用的标准行为试读版
28 1
|
1月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
30 0
|
1月前
SAP ABAP ALV 的分组显示和 Subtotal 显示实现的技术步骤试读版
SAP ABAP ALV 的分组显示和 Subtotal 显示实现的技术步骤试读版
64 0
|
1月前
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
23 0