Skip navigation.

Log in | Sign up

Opera Dragonfly

Bug control, accelerated

Latest weekly now live

, ,

We've just released the latest weekly release of Opera Dragonfly. The biggest change over the previous build is that it now works in a panel, which allows Opera Dragonfly to work in a single window. This has been one of the biggest requests from users. A recent Opera 9.5 build is required for this to work. You can download this from the Desktop Team blog. The support for this is still highly experimental, so the interface is far from complete, and will change. The style sheets view is still under construction for example. There will likely be a number of regressions.

Another change is in how we fetch scripts in the JavaScript debugger. The page will now automatically refresh, so you don't have to click the reload button. As this can cause loss of state, there is an option in the preferences, to disable this and return to the previous behaviour. A full list of changes can be found in the change logs.

Download build 08-06-02-16-10. Automatically updated weekly builds can be found at https://dragonfly.opera.com/app/weekly/. Update the Opera Dragonfly URL in Opera:config to this address to enable automatic updates to the latest weekly release.

New Kestrel snapshot fixes Opera Dragonfly issues

, , , ...

The weekly snapshot of Opera Kestrel included a few fixes to bugs that caused issues in Opera Dragonfly. The most prominent one of these is that persistent cache should now work in Opera Dragonfly, enabling offline mode to work as it was designed. This should make Opera Dragonfly much more useful.

Another bug that has been fixed, and should be coming soon, is that Opera Dragonfly will be useable even when JavaScript is turned off. Once this fix lands, it will be possible to debug how your web page or application works without JavaScript

In further news, we are doing our best to try to squeeze the single windowed docked mode into Opera Dragonfly alpha 2. This hopefully wont delay what we've already planned for the second alpha. It wont be the final solution, as we need to do some interaction design work on how it will work differently to the separate window solution. As there is less space to work with, it will likely be more optimal to have a different view. The initial work will likely just make it work in that view, and test out the functionality given to use from the Desktop team.

In a post alpha 2 release, we hope to redesign and optimise the UI somewhat, and work on keyboard accessibility. The ground work for the later has already began. I've been reading up on WAI-ARIA, and it looks like something we can put to good use. As well as making controls accessible to assistive technology, it should make our keyboard navigation work more like a native application for those controls. There are a number of roles for components that stand out instantly as useful for Opera Dragonfly, including tree, and treeitem for the DOM source code tree, toolbar, button, search and perhaps checkbox for the toolbars, tabpanel for the tabs, breadcrumbs for the DOM path and so on. It looks like ARIA should be something that isn't too difficult to learn or apply.

One of the great things about developing Opera Dragonfly in Web technologies (except being a useful exercise in finding Opera bugs), is that we can design only for the Web standards provided by the Core-2.1/Opera 9.5 platform. Opera has one of the most advanced support for Web standards in the industry, and we don't have to care if they are supported yet in another browser. I'm specifically talking about Web standards here, not vendor only solutions, that will cause lock-in. We can use Opera Dragonfly as a showcase of what is possible with the likes of accessibility on the Web. My next mission is to try to get the team to use SVG images in the interface. With SVG we can make the backgrounds of buttons as a reusable element (styleable through CSS SVG profile), use a CSS sprite to reduce the HTTP traffic, and zip as SVGZ to reduce the file size even further than what SVG would already give you. SVG will also allow the button styles to be programatically changed. An example could be detecting the platform and changing the button shapes or colours accordingly. This is not something we've planned yet, but is certainly something that is possible when we don't have to care about IE.

First weekly build now live

, ,

We have just released our first weekly build of Opera Dragonfly today. These are development snap shots and are not guaranteed to be stable, or even work at all. The weekly builds are released to get feedback and testing of the latest changes. If you'd like to report issues please go to the Opera Dragonfly feedback page.

Weekly snap shots will appear on the URL https://dragonfly.opera.com/app/weekly and should automatically update when a new version comes out. The snapshots can be downloaded at http://dragonfly.opera.com/app/weekly/zips/. The regular shipped url will update when official releases are updated.

There have been a number of bug fixes since the first alpha. A list can be found in the change logs. The most notable new features are Command Line completion and the Object Inspector. If you press the tab key when using the Command Line, it will auto-complete the first match. Pressing tab again will cycle through the matches. If you enter a command that returns a Object, you will be able to click on it and inspect the Object in the Object Inspector. This is located in a tab next to the Frame Inspector. Developing this functionality highlighted bugs in recent builds of the Opera Browser, so there are known issues with these features. Entries in the Object Inspector will not expand for example.

Progress is still on course for a second alpha release in the not too distant future. A desktop build will also be released soon that will fix the issues with Opera Dragonfly not working in offline mode, due to a bug with persistent cache not working over HTTPS. We're looking forward to you trying out this and subsequent weekly builds, and any feedback or bug reports that you send.

In somewhat related news, Opera also announced the launch of the Opera Widgets SDK this week. Opera Widgets can be debugged using Opera Dragonfly, and the SDK includes a useful Widgets Emulator for emulating how Widgets will look on different types of devices. Widgets currently work on devices such as the Nintendo Wii and ARCHOS, and upcoming UIQ 3.3 mobile phones. Widgets are currently Opera only, but we are standardising the spec at the W3C and will change our implementation to match the spec when it is finalised. We are also standardising the File I/O API spec at the W3C. This is a new API we have developed to access the file system, and is very useful for Widgets.

Opera Dragonfly, One (and a bit) week in

, ,

Opera Dragonfly is just over a week old, and I think we can say the early signs are we had a successful launch. It was ready and launched on time, except some gremlins in the server which took a few minutes to sync the development version of the web site with the live site. We got a lot of coverage both in the media and on blogs. We made TechCrunch (and Washington Post), Wired, Digital Web and Ajaxian among others.

I've been trawling the Web for feedback, as part of our team meeting today, to discuss the Beta 1 roadmap. In general the feedback has been positive and understanding that the release was a first alpha. Much of the feedback for feature requests were already on our current roadmap, so I'm hopeful that by the time we hit final, we will have a very useful tool for Web developers. Speed has been a concern, but Opera Dragonfly isn't fully optimised yet, and improvements in Scope, which may come for Beta 1, should help. Currently JSON is not fully supported for everything in Scope, and we find that JSON is much faster currently than XML for communicating between Opera Dragonfly and Scope.

While responding to feedback in the Opera Dragonfly forums, I noticed my first (external) patch. Azamadt Smaguloff (from Kazakhstan) posted a patch on the forums to enable autocomplete in the Command Line. I've not had time to check how this works yet, but this feature is something I've noticed a few people have requested. I think it is fantastic the developers are already interested enough to add to Opera Dragonfly themselves. We don't current take in external check-ins into the official branch, but that doesn't mean we never will.

Things are currently on track for our second alpha, which should (all going well) include inline editing, infrastructure for localisation and bug fixes. Once editing works, that should make the CSS Inspector much more useful for designers.

Hello World - Introducing Opera Dragonfly

Opera Dragonfly

Today we released the first alpha of our new web developer tool. The objective for this first alpha release is to get feedback and of course allow you to start using it. You should expect it to be buggy and even missing some key features, but that is what alpha means.

It is however not entirely correct that we are releasing the tool early in the development. The foundation for Opera Dragonfly has been worked on for more than two years. The phases we have completed so far are:

  • Interviews with web developers how they use developer tools and how they would like such a tool to be.
  • Early prototype for DOM inspector and DOM snapshot.
  • Implementation of the Scope protocol in Presto (Supported in Core 2.1 and later).
  • Support for Dragonfly in Opera 9.5 beta 2.
  • Feature development for JavaScript debugger and CSS/DOM inspector.

We do believe the foundation for the tool is very strong and that we are building a tool that will become a popular choice among developers. Most importantly we have designed Opera Dragonfly from scratch to be able to debug web applications on remote devices, something we believe will be key moving forward.

The road ahead

The next major release we have planned is alpha 2. This will be completed before the final version of Kestrel (Opera 9.5) is released. The focus for alpha 2 is:

  • improved handling of threads in the JavaScript debugger
  • inline CSS editing
  • infrastructure for localization
  • improved remote debugging

But for now — Happy testing!

- The Opera Dragonfly team