当前位置:首页 > 操作系统 > Ios

在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应用 - 文章图片


【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!