The use of mobile applications (or short apps) is getting more and more, but it was such a pain to debug mobile versions of a website or an app. In the last time appeared some new possibilities which will make the life of a web developer much more easier.
Getting started with your smartphone
The first thing you need to to is to download Firefox Mobile. The minimum version you need is v15. After the installation open the following URL in Firefox Mobile:
devtools.debugger.force-local and toogle it to
false, afterwards set
true. Now restart the mobile browser.
Getting your IP
You need now your internal IP address of you smartphone. You could get it by opening your settings on your phone, tap on Wifi and then on your currently connected Wifi-connection. There you will see your IP address:
Configure your desktop Firefox for mobile debugging
On your desktop workplace you need also at least Firefox 15 to have the remote debugger built-in. Open there also the URL:
about:config. Set there
true and restart your browser.
Start remote mobile debugging
If it won't open the debugger or simply nothing happened, you don't run the latest needed version of Firefox. Try to install Firefox Nightly or if you are on a Linux machine, run these commands in your terminal:
sudo add-apt-repository ppa:ubuntu-mozilla-daily/ppa
sudo apt-get update
sudo apt-get install firefox-trunk
And now: Happy debugging!