This entry briefs about remote debugging browsers that are active in any of the Android devices.
The focus is mainly on the three major mobile browsers :
-
Opera.
-
FireFox.
-
Chrome.
Steps for enabling remote debugging :
P.S : Phone must be connected to the network or at least via USB.
For Opera browser :
-
Note down the desktop’s local IP address. (ifconfig)
-
Opera Desktop : Tools->Advanced->Opera DragonFly and enable “Remote Debug Configuration”
-
Opera Mobile : Goto “opera:debug” and enable remote debugging for the IP noted before.
-
Opera Mobile : Open the page you want to debug.
-
Opera Desktop : Enjoying debugging the page opened on the Mobile, from the desktop console!
For FireFox (15+ Beta as of now) :
-
FireFox Desktop : Navigate to “about:config”, enable “devtools.debugger.remote-enabled“ and restart browser.
-
FireFox Mobile : Navigate to “about:config” set “devtools.debugger.force-local” to false and devtools.debugger.remote-enabled to true; Restart the browser.
-
Note down the Mobile’s IP address.
-
FireFox Desktop : Connect to your :6000 and debug!
For Chrome browser:
P.S : One needs Andriod SDK on the desktop for this to work!
-
Connect your mobile device to the host using a USB wire
-
On the mobile Chrome Open Settings > Advanced > Developer tools and check the Enable USB Web debugging.
-
On the desktop CLI
adb forward tcp:1337 localabstract:chrome_devtools_remote -
On the Desktop Chrome and navigate to localhost:1337 and enjoy debugging!
Well, these are the ways that worked for me, let me know if you are using better ways to remotely debug!
About Hemanth HM
Hemanth HM is a Sr. Machine Learning Manager at PayPal, Google Developer Expert, TC39 delegate, FOSS advocate, and community leader with a passion for programming, AI, and open-source contributions.