News: Opera Software launches Dragonfly

Opera Software has launched the first beta of Opera Dragonfly, which is an open source suite of debugging tools for web developers as well as web designers. When a user downloads the Opera browser, Opera Dragonfly is built in and loads automatically from the web.

Opera Dragonfly covers the full debugging workflow, from inspecting network access and downloaded resources, to correcting JavaScript issues and seeing how CSS rules apply to the DOM. The suite of debugging tools also supports all the newest web technologies, including SVG and HTML5 APIs such as Web Storage.

Dragonfly’s distinguishing features include:

A better JavaScript debugger: Watches monitor the exact expression or specific variable in a user’s JavaScript code. If a user wants to see exactly what caused that massive JavaScript fail, they can check the breakpoints panel. Not only did Opera Software give breakpoints their own panel, but they have also added new types of breakpoints and more granular control.
Network inspector: When a developer’s site turns to molasses, they can turn to Opera Dragonfly’s network inspector. Here they can find latency, see how resources download and in what order, and even view cached resources.
Resource inspector: This enables users to see all site resources such as images, scripts, fonts, HTML files and videos at a glance.
Storage inspector: How does your site handle data it collects? The storage inspector lets users dynamically update and test cookies and HTML5 Web Storage.

Opera Dragonfly beta allows you to hunt for bugs in four quick steps:

1. Enter opera:config#DeveloperTools|DeveloperToolsURL into your address bar.

2. Change “Developer Tools URL” to https://dragonfly.opera.com/app/cutting-edge/.

3. Click “Save”.

4. Use the following shortcut to open Opera Dragonfly: Ctrl+Shift+I (Windows and Linux) or ?+?+I (Mac).

“People ask why we chose ‘Opera Dragonfly’ as the name of our developer tools,” said David Storey, chief web opener, Opera Software.

“Dragonflies eat bugs, and that is exactly what we want it to do for developers around the world. You spend your time making the Web better for everyone. The least we can do is make life easier for you.”

Opera Software has also recently revealed that its Opera Mobile Store is now live and open for access at mobilestore.opera.com.

Opera Software launches Dragonfly

Related Articles

Most Read Articles

Have Your Say