I couldn’t figure out how to debug chrome on my android from my computer. As a we developer who specialises in responsive design and having recently started to develop a hybrid app debugging my android smartphone from my computer is a must have feature for me. I have been previously using a usb cable plugged in to my laptop to debug (guide for that here). However, if i could use ADB over WiFi it give me more freedom and one less cable I need to carry around.
So when i finally figuerd it out i though i would create a guide.
On you android
- Enable developer option. To make it visible, go to Settings > About phone and tap Build number seven times. Return to the previous screen to find Developer options at the bottom.
- In developer setting turn on USB debugging and ADB over network
- Note down the IP address and port under ADB over network option. In my case 192.168.1.157:5555 (where, “ip address”:”port”)
On you computer
- open command prompt and navigate to where the android sdk is located on you computer. Then platform-tools folder. (android sdk)
- in command prompt enter: (where 5555 is your port number)
adb tcpip 5555
It doesn’t matter if you get any errors
then enter: (what you noted down from your phone)
adb connect 192.168.0.101:5555
It should say connected, If not try again
Once connected go to chrome://inspect/#devices from chrome on your computer, you should now be able to inspect and debug web content on your device from you computer over wifi
If you want to return to debugging with USB enter :