ITPub博客

首页 > 应用开发 > IT综合 > 如何提取SAP UI5应用的技术信息

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

原创 IT综合 作者:i042416 时间:2020-09-13 09:34:30 0 删除 编辑

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



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



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,



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:



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



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



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



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.



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



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



要获取更多Jerry的原创文章,请关注公众号"汪子熙":


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/24475491/viewspace-2719117/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使。

注册时间:2018-01-20

  • 博文量
    1914
  • 访问量
    882236