Opera Dragonfly takes flight

New beta of Opera developer tools feasts on complex code

Oslo, Norway and Austin, TX, USA – March 14, 2011

Opera Software today launched the first beta of Opera Dragonfly. Opera Dragonfly is an open source suite of debugging tools for web developers and designers. When you download 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. Opera Dragonfly supports all the newest web technologies, including SVG and HTML5 APIs such as Web Storage.

Distinguishing features

  •  

    A better JavaScript debugger

     

    Take your JavaScript debugging to a new level of thoroughness. Watches monitor 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. Not only did we give breakpoints their own panel, but we have added new types of breakpoints and more granular control.

  •  

    Network inspector

     

    When your site turns to molasses, turn to Opera Dragonfly’s network inspector. Find latency, see how resources download and in what order, and even view cached resources.

  •  

    Resource inspector

     

    One view to bind them all. 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 you dynamically update and test cookies and HTML5 Web Storage.

Start hunting bugs with Opera Dragonfly beta 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.”