Do IT before you get done in by IT.

Google Chrome debugging webapp on Samsung S3 (or Android device for that matter)

Now, very few times in life do I get WoW-ed. Really. Now, persuing my hobby of coding, I purchased a responsive template that I’m using to develop my DLA with. And everything went well until I uploaded it to my “hidden” site. Now to try to debug on Android I thought I’d have to jump through hoops and stand on my &%&#*%$&# to get it done. Not so!

It’s so simple it’s as if it was made for a child. Follow these easy few steps:

  1. Ensure USB debugging is enabled. If you don’t know how, follow this guide.
  2. Make sure you’ve got the latest Chrome version.
  3. Open the page you want to debug in a tab on your phone / device.
  4. In the address bar type “about:inspect” and press enter.
  5. Check the box that says “Discover USB devices”.
  6. Wait for your device (or devices ! ) to appear.
  7. Look for the tab you want to debug.
  8. Click on “inspect”.
  9. Et voila ! A debug console opens as if you were debugging a local page!

Now THIS is how apps should be written. Google, you rock for making it so easy!

 

EDIT: After finishing this quick post, I came across this link: https://developers.google.com/chrome-developer-tools/docs/remote-debugging.

Enjoy!

Share

No Comments Yet

Leave a Reply

Your email address will not be published.