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 “DeveloperToolsURL” 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.”

Post By Gishore J Kallarackal (2,121 Posts)

Gishore J Kallarackal is the founder of techgurulive. The purpose of this site is to share information about free resources that techies can use for reference. You can follow me on the social web, subscribe to the RSS Feed or sign up for the email newsletter for your daily dose of tech tips & tutorials. You can content me via @twitter or e-mail.

Website: → Techgurulive