Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Debug ipad safari with a PC

I want to test my website on Safari on my ipad. I only have another PC. Is there a way for me to do remote debugging like ADB with mobile Chrome? I searched on StackOverflow, seems there is an Adobe Edge Inspect CC, but I don't know if this is a good choice.

Thanks!

like image 229
darklord Avatar asked Dec 05 '13 18:12

darklord


People also ask

How do I debug iOS app on iPad?

Open Xcode and navigate to the Run Destination Menu on the toolbar. Select the connected iPhone when prompted to choose a device. Xcode will automatically install the app and attach the debugger.


1 Answers

Update October 2019

This solution doesn't work for IOS 12+ (resource 1, resource 2).

Updated and tested on 24/6/2017

Using Chrome on Windows 8 and more recent:

  • Download and install Node
  • Download and install ITunes and connect it to your Device. (A pop-up should shows to your iPad to get authorization) . Be sure to allow web inspector in your iPad

  • Download and install the remote webkit adapter

Using Powershell (As administrator):

npm install remotedebug-ios-webkit-adapter -g

  • Execute the adapter:

Using Powershell (as administrator):

remotedebug_ios_webkit_adapter --port=9000

You should get a similar output:

C:\Windows\system32> remotedebug_ios_webkit_adapter --port=9000 remotedebug-ios-webkit-adapter is listening on port 9000 iosAdapter.getTargets ...

  • Open Chrome and go to the following link:

chrome://inspect/#devices

  • Click on configure next to "Discover network targets" and add the following: localhost:9000

Make sure to have the web page you want debug open on safari, you should see it on chrome inspector page under Remote Target

Extra step for iOS 11 Thanks to @skaurus

like image 178
raythurnevoid Avatar answered Oct 10 '22 08:10

raythurnevoid