Opera debuts Web developer tool for smartphones and PCs

Dragonfly allows developers to make changes on the fly in Opera's browsers

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 smartphones 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 smartphone, 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.

For developers who want to learn more about Dragonfly, Opera has published a Field Guide on its website.

Send news tips and comments to mikael_ricknas@idg.com

Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.

Tags browserssoftwareapplicationsapplication developmentopera software

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Mikael Ricknäs

IDG News Service
Show Comments

Cool Tech

Toys for Boys

Family Friendly

Stocking Stuffer

SmartLens - Clip on Phone Camera Lens Set of 3

Learn more >

Christmas Gift Guide

Click for more ›

Brand Post

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Michael Hargreaves

Microsoft Office 365/Dell XPS 15 2-in-1

I’d recommend a Dell XPS 15 2-in-1 and the new Windows 10 to anyone who needs to get serious work done (before you kick back on your couch with your favourite Netflix show.)

Maryellen Rose George

Brother PT-P750W

It’s useful for office tasks as well as pragmatic labelling of equipment and storage – just don’t get too excited and label everything in sight!

Cathy Giles

Brother MFC-L8900CDW

The Brother MFC-L8900CDW is an absolute stand out. I struggle to fault it.

Luke Hill

MSI GT75 TITAN

I need power and lots of it. As a Front End Web developer anything less just won’t cut it which is why the MSI GT75 is an outstanding laptop for me. It’s a sleek and futuristic looking, high quality, beast that has a touch of sci-fi flare about it.

Emily Tyson

MSI GE63 Raider

If you’re looking to invest in your next work horse laptop for work or home use, you can’t go wrong with the MSI GE63.

Laura Johnston

MSI GS65 Stealth Thin

If you can afford the price tag, it is well worth the money. It out performs any other laptop I have tried for gaming, and the transportable design and incredible display also make it ideal for work.

Featured Content

Product Launch Showcase

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?