Skip to Content
Author's profile photo Jerry Wang

Step by step to debug UI5 application running on iOS device with your windows laptop

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:
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.
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.
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

Access http://localhost:9221, and my iOS device is listed here:
Click the hyperlink “localhost:9222”, then the active Safari page which displays my UI5 application is listed there:
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!

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Alessandro Spadoni
      Alessandro Spadoni

      Hi Jerry,

      very useful blog!

      do you know if a similar procedure can be used to debug hybrid cordova apps?

      I used gapdebug  https://www.genuitec.com/products/gapdebug/ but it doesn't work anymore in ios10 and the project is discontinued

       

      thank you

      Alessandro

      Author's profile photo Mike Doyle
      Mike Doyle

      Nice work Jerry. In the past I've had to find a mac to borrow but I will give this a try

      Author's profile photo Nithish Puthiyaveedu
      Nithish Puthiyaveedu

      Hi Jerry,

      Nice info.

      Do you know if we can use the same procedure to debug apps from custom fiori client instead from safari browser?

      Thanks,

      Nithish

      Author's profile photo Muhsin Panakkal
      Muhsin Panakkal

      Hai Jerry,

      I have developed the same, but I am getting only css in the developer tools, cant able to see any JS code there..

      Please advise me.

       

      Thanks,

      Muhsin