Named Dragonfly, the development and debugging tool can make changes on the fly in Opera’s browsers. It

Opera introduces Web developer tool for smart phones, PCs

Opera Software has released Dragonfly, a development and debugging tool integrated into its browsers, the company said on Thursday.

The tool is platform agnostic and works with both Opera Mobile for smart phones and tablets and the desktop versions of its browser.

The Norwegian company recommends using the latest version of the browser, but all versions from Opera 9.5 are supported. Users of the iPhone and the iPad are out of luck, because Opera Mobile isn’t available for Apple’s smart phone, and Dragonfly is incompatible with Opera Mini. But owners of Mac desktops or laptops are welcome.

With Dragonfly developers can examine font and style changes live, and debug Scalable Vector Graphics (SVG) or Java scripts. Color-picking tools allow users to match colors, and then save them in a palette for later use.

Dragonfly also allows developers to keep an eye on network loads, resources and storage. It shows users how items load, how cookies and HTML5 Web Storage operate, and how different resources, including images and videos, affect site performance and compatibility.

To start using Dragonfly, users right-click on the Web page and select “Inspect Element”, and then they are up and running, according to Opera.

By default Opera Dragonfly is placed at the bottom of the browser window. However, for developers with a second or larger monitor, there is a also a detached mode, which allows the code to be placed elsewhere on the screen, or moved to the other monitor, Opera said.

Dragonfly is what Opera calls a hybrid web application, which means the user never has to update it; the latest version is always pulled from the Web, according to the company. Also, the tool will always be compatible with the version of Opera used, it said.

Opera isn’t the only browser that offers integrated developer tools. Other options include Firebug for Firefox and Developer Tools for Google’s Chrome browser.

Related Download
B2B cloud integration: A strategic approach to optimizing your value chain Sponsor: IBM Canada Ltd
B2B cloud integration: A strategic approach to optimizing your value chain
This IBM whitepaper presents an overview of the B2B integration landscape: its challenges, opportunities, and the approaches that leading organizations follow in developing a robust and scalable EDI solution.
Register Now
Share on LinkedIn Share with Google+ Comment on this article