Opera Dragonfly 1.1 just launched

After a number of release candidates we launched Opera Dragonfly 1.1 today. Around 3 and a half months ago we launched version 1.0 to critical acclaim. We’ve not rested on our laurels since then and have been hard at work responding to feedback, squashing over 200 bugs, adding new features, perfecting existing ones, and polishing the user interface. We believe we now have an even better product, and we’re excited to get it out the door. We look forward to the feedback from web developers and hope it makes their experience developing for Opera smoother.

What’s new?

There are a lot of new and polished features in Opera Dragonfly 1.1. For full details see the what’s new section.

DOM Inspector

As part of the general improvements to search in Opera Dragonfly, the DOM Inspector has a new search panel. This offers a number of advanced options such as searching with RegExp, or using CSS selectors or XPath to find elements.

There is now support for pseudo classes and pseudo elements. Pseudo elements can be seen in the DOM and pseudo classes for matching elements can be seen in the Style Inspector. SVG presentation attributes are also now shown in the style inspector so you can use the same debugging features as regular CSS properties. Another enhancement to the style inspector is that the style rules now link to the correct line where it is defined in the original CSS file in the Resource Inspector. This was the main issue users were having with Opera Dragonfly 1.0 so it should make a few users happy.

JavaScript Debugger

Like the DOM Inspector, the search feature in the JavaScript Debugger has been vastly improved. The advanced search window has now been removed and it is replaced with a search panel. The option to search in multiple scripts is still present, but now there are additional options to search via RegExp and ignore case. It is also possible to ignore injected scripts when searching in all files.

Network Inspector

Another criticism of Opera Dragonfly 1.0 was that it wasn't possible to inspect POST data. We’ve improved the Network Inspector to support POST and multipart POST. This should make the Network Inspector much more useful.

Resource Inspector

We’ve added a search field in the Resource Inspector so that is is possible to find what you are looking for in text based resources. This was another much requested feature that users will hopefully enjoy. The Resource Inspector is also better integrated with the Style Inspector and the Error Log

Storage Inspector

The Local Storage, Session Storage and Widgets Preferences panels have been upgraded to the UI used for cookies in Opera Dragonfly 1.0. This is something we ran out of time to implement in the previous version and should make the new version much more consistent.

Error Log

The old Error Log has been ripped out and replaced with a shiny upgraded version. It has quite a few enhancements including:

  • UI redesign taking up less real estate
  • The resource type in now shown in the overview instead of the severity level
  • Error badge matches currently active view rather than all errors
  • Less common error types have been merged into an Other panel
  • Linked up error line to the Resource line number
  • Replaced search with filter
  • Removed console.* entries (with option to add back)
  • Errors are shown from before Opera Dragonfly was open (Opera 12 only)

For those of you still using the native Error Console you might want to try using the Opera Dragonfly version, especially once Opera 12 comes out later this year when Opera Dragonfly will be able to access the errors from before it was opened.

Console

In Opera Dragonfly 1.1 we have added a new full panel version of the Console. This complements the HUD version that is available when pressing Esc. This version is most useful when working full time in the console, while the HUD is useful when switching quickly between it and another tool.

Other enhancements include auto-complete for native objects, inline expandable objects (another much requested feature) and highlighting console.warn, console.info and console.error. This release should make it much more useful for Console power users.

Utilities

We've added a screen ruler to the Utilities. It can be used in the screen shot to measure pixels on both the x and y axis. It snaps to the pixel so it should be useful even when zooming.

What next?

We're really excited about the refinements and new features we've added to this release, and we hope developers will like them too. We constantly strive to make Opera Dragonfly better, but most importantly suited to the needs of our end users — so if you have any issues or suggestions, we'd appreciate your feedback about Opera Dragonfly 1.1.