Best IT Recipes

How to debug JavaScript code using mobile browsers

I know about firebug and developer tools for large modern desktop browsers, but I cannot find a way to debug JavaScript code in mobile browsers.

What are some high-level methods that I can use to debug code in mobile browsers?

+50
browser mobile firebug
May 10 '11 at
source share
4 answers

Android devices can be put into developer mode by going to Settings> Phone Status, and then click Build Number 7 times. This allows you to do a bunch of things (see Step 5) , including USB debugging. (Some devices may contain the build number in the "Software Information" section)

To activate USB debugging, go to Settings for the recently appeared "{} Developer Options", open it and enable USB debugging. Connect your device using a direct USB connection.

In Chrome, on the desktop, on the regular developer toolbar used for debugging, look in the menu Tools> Remote Devices. When choosing Discover USB devices, you should now see your mobile device on the side.

Select it to see a list of all open chrome tabs and the ability to directly enter URLs.

Selecting one of the links will open a new window with a mirror of the screen of your device on the left and all the familiar chrome debugging tools on the right. You can control your device directly or use the mouse on a mirror screen. It even spins.

details for remote debugging from google and how to enable developer mode (link as above) from askvg.com

+1
Jul 03 '17 at 8:32
source share

You can debug Safari Mobile from any iPhone / iPad. In the Developer menu, you can find your device, and then you can debug your code with the inspector.

If you have an Android device, you can debug it on Chrome Desktop (remember to activate debug mode) with chrome://inspect

+1
Jul 03 '17 at 13:55 on
source share

On the iPhone, you can go to settings> Safari> advanced and enable the web inspector on

0
Jul 07 '17 at 17:48
source share


More articles:


All Articles