How to debug remote iOS device using Chrome DevTools

2 min readJun 22, 2016


How to debug remote iOS (real device iPhone, iPad) Safari from Chrome devtools

After some night surfing on the internet, I’ve found Google’s repository about proxying DevTools for iOS devices. It makes a proxy server to inspect your mobile safari experience from Chrome’s DevTools. Usually, you do it from Safari’s Web Inspector from Developers tab, but if you prefer Chrome and its DevTools, take following instructions.


The only thing you need to install is ios-webkit-debug-proxy package:





Open Safari in your device or Simulator first and run (Chrome v45+ tested):

It will detect all your available devices and list them on the port 9221 like:

Note: due to the error that Chrome does not allow opening the URL chrome-devtools:// from the DOM, you might need to navigate by clicking at Open in new tab or copy the given URL and paste it to your address bar.

It must look like this:

Note 2: You need to enable Web Inspector on your iOS device:

For the first time, it may throw an error that it can’t connect to Safari in a device (even if you have Web Inspector enabled). Try to remove the USB cable and plug it again.

For troubleshooting, please check check ios-webkit-debug-proxy/issues