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
Have a fresh tip? Share with Coderwall community!
JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.
Security insights from Cside