Opera Dragonfly web debugger enters public beta

Opera Software today launched the first beta of Opera Dragonfly, an open source suite of debugging tools for web developers and designers.

Dragonfly is built into Opera and loads automatically from the web, Opera said.

Opera said that 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 document object model (DOM).

According to Opera, Dragonfly supports all the newest web technologies, including SVG and HTML5 APIs such as Web Storage.

The following features distinguish Opera Dragonfly from other debuggers, Opera said.

A better JavaScript debugger

Watches the exact expression or specific variable in your JavaScript code. If you want to see exactly what caused that massive JavaScript fail, check the breakpoints panel, Opera said.
Opera said that they not only gave breakpoints their own panel, but also added new types of breakpoints and more granular control.

Network inspector

Opera Dragonfly’s network inspector allows web developers to find latency, see how resources download and in what order, and even view cached resources.

Storage inspector

How does your site handle data it collects? Opera said that the storage inspector lets you dynamically update and test cookies and HTML5 Web Storage.

Opera outlined the following steps to start using the new Opera Dragonfly beta.

  1. Enter opera:config into your address bar and search for “DeveloperToolsURL”.
  2. Change the URL to https://dragonfly.opera.com/app/cutting-edge/.
  3. Click “Save”.
  4. Use the 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 Dragonfly web debugger enters public beta << Comments and views

Latest news

Partner Content

Show comments

Recommended

Share this article
Opera Dragonfly web debugger enters public beta