在Windows电脑上调试安装在iOS设备上的SAP UI5应用

It is possible to debug a UI5 application running on an iOS device with a windows laptop.

Suppose I have deployed my UI5 application to SAP cloud platform: https://jerrylist.cfapps.eu10.hana.ondemand.com/ui5/.

Now I launch this application in my iPad:

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

And I would like to debug this UI5 application which is running on iPad with my windows laptop. Here below are detailed steps:

(1) install iTunes https://www.apple.com/cn/itunes/download/ so that your iOS device could be recognized by your windows laptop.
(2) Switch on “Web Inspector” in iPad->Settings->Advanced.

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

(3) Download ios-webkit-debug-proxy-win32 from github.

Extract the .zip file to a folder in your laptop and add this folder to Path environment variable.

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

(4) Open windows command prompt, type the following command, and you can see that the iPad is successfully connected.

ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

Access http://localhost:9221, and my iOS device is listed here:

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

Click the hyperlink “localhost:9222”, then the active Safari page which displays my UI5 application is listed there:

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

Click the hyperlink, and Chrome development tool window is opened automatically. Now it is ready to debug – for example press the “approve” button in my iPad, and the breakpoint set in the corresponding event handler in my laptop is triggered.
Happy debugging!

在Windows电脑上调试安装在iOS设备上的SAP UI5应用

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
在Windows电脑上调试安装在iOS设备上的SAP UI5应用

上一篇:UI5 setBusyIndicatorDelay


下一篇:将SAP UI5应用部署在Heroku云平台里