How to Debug Android Chrome From Your Windows PC

Debugging mobile websites is next to impossible when all you have is your phone, but if you have a Windows PC, you can use Google Chrome’s developer tools to connect to your Android phone and debug it from there, making the experience infinitely better. In this video, I’ll show you how to get set up to do that.

Video

Steps

You can find a fully fleshed out written tutorial on the Raygun blog. Here, I’ll just list the steps out pretty quickly. You can also find everything you need for setting up your PC and Android phone for Chrome debugging in the video above.

  1. Turn on Developer Options and USB Debugging on your phone.
  2. Install USB drivers for your Android device on your PC.
  3. Install ADB server and run it on your PC.
  4. Enable Chrome developer tools to “Discover USB devices” in the “Remote devices” tab on your PC.
  5. Connect your Android device to your PC via USB.
  6. Allow USB debugging on your phone, when the popup shows up.
    • If that popup doesn’t show up, change connection type to PTP on your phone first.
  7. Open the “Remote devices” tab in the dev tools and click on your Android device listed on the left.
  8. Focus the tab you wish to inspect and then click the “Inspect” button for that tab.

Conclusion

And there you go! You’ve now got a remote debugging session running on your PC for your Android device. You should be able to do pretty much anything with it that you would normally do on a desktop website. God bless and happy coding!

Author: Joe Zimmerman

Author: Joe Zimmerman Joe Zimmerman has been doing web development ever since he found an HTML book on his dad's shelf when he was 12. Since then, JavaScript has grown in popularity and he has become passionate about it. He also loves to teach others though his blog and other popular blogs. When he's not writing code, he's spending time with his wife and children and leading them in God's Word.