Chrome on Android makes it possible to use the Chrome developer tools on the desktop to inspect the HTML that was loaded from the Chrome application on the Android device.
See:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Had to debug a site for native Android browser and came here. So I tried weinre on an OS X 10.9 (as weinre server) with Firefox 30.0 (weinre client) and an Android 4.1.2 (target). I’m really, really surprised of the result.
Download and install node runtime from http://nodejs.org/download/
Install weinre: sudo npm -g install weinre
Find out your current IP address at Settings > Network
Setup a weinre server on your machine: weinre –boundHost YOUR.IP.ADDRESS.HERE
In your browser call: http://YOUR.IP.ADRESS.HERE:8080
You’ll see a script snippet, place it into your site:
Open the debug client in your local browser: http://YOUR.IP.ADDRESS.HERE:8080/client
Finally on your Android: call the site you want to inspect (the one with the script inside) and see how it appears as “Target” in your local browser. Now you can open “Elements” or whatever you want.
Maybe 8080 isn’t your default port. Then in step 4 you have to call weinre –httpPort YOURPORT –boundHost YOUR.IP.ADRESS.HERE.
And I don’t remember exactly when it was, maybe somewhere after step 5, I had to accept incoming connections prompt, of course.
Happy debugging
P.S. I’m still overwhelmed how good that works. Even elements-highlighting work