A Christmas Present from the Opera Dragonfly Team!

The team has been hard at work to deliver a nice christmas present for developers! We have an experimental release ready for you to try out (change the URL in opera:config#DeveloperTools to point to https://dragonfly.opera.com/app/stp-1/experimental/) and make it run on Opera Next. Let’s see what you get:

Better Network Data

Network performance is the first website optimization you should do, and the Opera Dragonfly team has been hard at work to make this even better! You now get a better overview of all the resources as they get loaded, including graphs of how each resource loads and data on the time spent.

Do note that this UI is far from final, and we await your feedback to iterate over it.

Script Tooltips

I mentioned on the previous post that we have tooltips that display when you hover on a JavaScript object. It has now been integrated (and with better styles!) which you can see in action in this build.

CSS Shorthands

There are more fixes for CSS shorthands, the default values are no longer shown for font and background properties. You can now have an easier time debugging CSS!

I have included here a video demonstration of how both these features would work for you:

This build includes all the recent changes except the profiler in one neat new package. Hope you have fun exploring and debugging your webpages with Dragonfly! Do let us know if you come across any issues!