Google Chrome remote debug with IOS iPhone (Safari) to Windows PC

Ever wondered how to debug your website with chrome dev tools using your real device, here are the steps to give it a try:

1. Download iTunes
2. Connect the IOS device with your Windows PC by USB cable and click Trust this device.
3. Install Scoop for Windows:
4. Run Windows Power Shell as administrator and then install these:

scoop bucket add extras
scoop install ios-webkit-debug-proxy
npm install remotedebug-ios-webkit-adapter -g

5. Open iOS Settings => Safari preferences => enable “Web Inspector”

6. In Power Shell run this command:

remotedebug_ios_webkit_adapter --port=9000

7. Open Chrome and navigate to this:

chrome://inspect/#devices

You will see this and you can click on inspect inside label with RemoteDebug IOS adapter.

8. Click on configure and set localhost:9000

Now we are able to debug the chrome website on our IOS device.