Remote opera debugging on android

The final article on remote debugging web applications on mobile devices shows how you can do this using Opera Mobile. With Opera Mobile you can easily debug web applications running on Android, without needing an USB connection (b.t.w you can also debug web application on firefox without USB). In this article I'll quickly walk you through the steps required to setup the debug connection.

If you want to use a different mobile browser see these two articles:

  1. Remote debugging using firefox
  2. Remote debugging using chrome.

Using Opera for this, is just as simple as using firefox or chrome. All you need to do is the following:

  1. Setup Opera on the desktop to listen for debug connections
  2. Start a debug connection from Opera Mobile
  3. Start debugging

Since we won't be working with an USB cable, you'll need to know the ip address of your Desktop. You can use the ipconfig/ifconfig command in a terminal to get this address.

platform-tools — bash — 80×24.png

Setup Opera on the desktop to listen for debug connections

Open Opera and start "Opera Dragonfly" from the menu (Tools->Advanced->Opera DragonFly). This will show the debugging console at the bottom of the current page. Click on the "Remote Debug Configuration" button and you'll be shown the following screen:

News Portal - Home.png

Just click on "Apply" here, and Opera will wait for a connection request from a remote device.

Start a debug connection from Opera Mobile

Now open Opera Mobile on your phone or tablet and point your browser to "opera:debug".

2012-08-10_12-22-51.jpg

Enter the ip-address you looked up earlier and click on 'connect'. This will setup a connection between opera on your mobile device and on your desktop. Now you can open the website you want to debug in a new tab on your device and use Opera on your desktop to debug the specific tab.

News Portal - Home-1.png

And that's all you have to do.