Inspecting HTML/JS code on Android devices for web development
Just a non-comprehensive guide to remote inspecting on Android.
Note: requires Android SDK, just download and install it if not present on your system.
On your Android device:
enable USB debugging on the phone*
on Chrome for Android, enable USB Web debugging
connect the device to your computer
On your computer
open a console, and run
adb devices
if your device is listed (yes, it's that strange alphanumeric string), run
adb forward tcp:9222 localabstract:chrome_devtools_remote
you should see a message telling you "daemon started successfully"
if you get a "device not found" error, cross your fingers and run the
adb kill-servercommand
to solve it.
All done! Now if you open Chrome (on your computer) and you go to: http://localhost:9222 you should be able to inspect the webpage currently opened on Chrome (on Android device).
BONUS: if you just need to simulate user-agent and device size, take a look at Chrome features about that.
*details here:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Written by Francesco Zaia
Related protips
1 Response
Notice: Chrome for Android is NOT using the system webkit-engine