Dragonfly is here

Note: You need to login to post in the forums. if you don't have an account you first need to sign up.

By fred Tuesday, 6. May 2008, 12:56:53

Post your thoughts....

By nicomen Tuesday, 6. May 2008, 12:57:39

Awesome!

By fearphage Tuesday, 6. May 2008, 16:22:25

So far so good. For those of us without the default menus, here is a button for you.

Dragonfly

By FataL Tuesday, 6. May 2008, 16:23:49

Crossposted 3rd time already just to find better place

First impressions from Dragonfly:

A little bit slow, but understandable because it is all written on JavaScript
No Net graph yet (HTTP requests watch)
Questionable way to show DOM path to selected element:
```
HTML > HEAD + BODY > DIV + DIV > UL
```
instead
```
HTML > BODY > DIV#navigation > UL
```
...And elements of DOM path not clickable for fast navigation to parents.

By mxforce Tuesday, 6. May 2008, 16:45:38

sweeet!

By fearphage Tuesday, 6. May 2008, 17:03:59

My first complaints are that it loses the context when I open it. When I open it, I have to select the tab I want to inspect then. In addition, I have to refresh the tab also. Thats it so far. I'll inspect more closely when I get home.

By Real_quark Tuesday, 6. May 2008, 17:04:53

It's too alpha to use

This dragonfly is too young to eat firebugs

By hzr Tuesday, 6. May 2008, 17:05:58

Very nice work, this has a lot of potential IMO. No more opera.postError() for widgets debugging

And I hope there will be an network logger, as FataL also mentioned.

By lvanderree Tuesday, 6. May 2008, 17:32:06

First impression: WAY Faster than firebug, looks very nice! Have to use it more to get better impression of course.

By fearphage Tuesday, 6. May 2008, 18:19:22

Hey, another thing to take note of is that not everyone (especially the people that dragonfly appeals to) uses default opera menus. I had no way of knowing or even accessing the tools from my current setup. Perhaps you should mention the new action and add an easy to get Dragonfly button somewhere.

EDIT: From my spamming it around all over the interwebs, general first impressions are that it is not very intuitive to locate. (Tools > Advanced > Dev Console)... I assume at some point it will hit the right click page menu or something?

Post edited Tuesday, 6. May 2008, 20:24:05

By bohwaz Tuesday, 6. May 2008, 19:04:32

As the Dragonfly JS client is very alpha it miss a lot of things. I'd like to see network debug and also the ability to edit DOM and CSS live. There's also a lot of bugs and problems with ergonomy (like I asked myself why it doesn't work because I didn't knew I had to select a precise window to begin), but I hope this will be corrected. I wish I could have a Dragonfly client that fits in the panels.

But the background is really interesting. The scope protocol and the all client-server idea is awesome, I can't wait to see the final version of the protocol out and implemented in Firefox, Webkit and maybe even MSIE. The greatest with that idea is that if I don't like Dragonfly client I can use another client or create my own. This is just great.

Good work, keep up !

By coxy Tuesday, 6. May 2008, 22:28:19

I noticed this from Simon Willison:

Opera Dragonfly. Opera’s new Firebug-style developer console. Out in alpha and it shows (slow to load and the interactive console leaves a lot to be desired) but still looks incredibly promising, especially the remote debugging tools for working with Opera on phones and games consoles.

Source: simonwillison.net

By asmodai Wednesday, 7. May 2008, 14:45:58

I agree with FataL, the DOM tree would be better navigated with that id/class scheme to the elements.

First look 'n play with Dragonfly is ok though, works pretty decently.

By fearphage Wednesday, 7. May 2008, 15:46:29

I'm happy to see that it works on pages with document.domain set and .xml files. One thing i miss from the dev console is you could search using css classes (ie. "div.collapsed", "#main", etc) [filed as bug #328572]. It would also be convenient to search via xpath.

@FataL: File a bug on the weird DOM path stuff. It would be nice to access it both ways but the css method as the default seems wrong.

Post edited Wednesday, 7. May 2008, 16:10:46

By Pistos Wednesday, 7. May 2008, 16:23:00

Great stuff. I won't bother mentioning the obvious features that I assume are already in the works for a future version. A couple things though:

I think having it as a separate window instead of a sidebar or footer area like Firebug isn't so good.

I also wanted to ask: Firebug significantly slows down Firefox. Does Dragonfly have any performance impact on Opera? This becomes a particularly important question since I don't see an obvious way to disable Dragonfly on a global or per-site basis.

By VJgamer Wednesday, 7. May 2008, 17:22:57

Did anybody notice the settings button in the bottom right corner?

By fearphage Wednesday, 7. May 2008, 18:11:09

Also I would really like to see frames and iframes treated like any other elements so that you can descend into the frame's document and associated nodes just like you can with a div or table.

data uris do not show up in the list of selectable windows... is this on purpose?

Post edited Wednesday, 7. May 2008, 18:32:20

By aleto Monday, 12. May 2008, 19:29:52

Originally posted by Pistos:

I also wanted to ask: Firebug significantly slows down Firefox. Does Dragonfly have any performance impact on Opera? This becomes a particularly important question since I don't see an obvious way to disable Dragonfly on a global or per-site basis.

Dragonfly gets only "active" if you open the according window. This is also one of the reasons that one has to reload the document to get the scripts, because there are no debug informations generated by default.

By fearphage Monday, 12. May 2008, 22:59:15

Originally posted by aleto:

Dragonfly gets only "active" if you open the according window. This is also one of the reasons that one has to reload the document to get the scripts, because there are no debug informations generated by default.

This is the gift and the curse. Using dragonfly is currently a hassle.

Find the tab you want to debug (not contextual)
Refresh the page (losing any changes i've made in source viewer)
Actually get stuff done...

Off the bat, this annoyed me royally... and still does. I hope this is resolved in time.

By blackcat24 Tuesday, 13. May 2008, 01:55:09

Off-topic comment removed by mods.

Post edited Wednesday, 14. May 2008, 08:37:46

By XenoFur Wednesday, 14. May 2008, 11:51:27

There's two simple requests i have with Dragonfly:

1. Add a version number in the title bar. Due to the software just being loaded from your domain, the user never really knows if there were any changes in Dragonfly or if he's even up-to-date.

2. Add a link to this forum somewhere in Dragonfly. I only found it quite randomly by browsing through blogs, and i don't think that anyone who isn't specifically looking for it will even know it exists.

By VarunM Wednesday, 14. May 2008, 12:22:38

1)Version number along with release date is provided in Environment pane of Script main Tab.
2)I think since its in alpha phase,so they haven't added such a link,Thats why all things Dragonfly is at http://my.opera.com/dragonfly/blog/ ,all other realted links go from there.
On final release http://www.opera.com/products/dragonfly/ this page is where you would want to go.

By dstorey Wednesday, 14. May 2008, 15:23:16

There is a link to this forum from the Product page (under feedback), but there will also be a help/documentation button in Opera Dragonfly. This got removed before launch as there isn't any contextual help yet to link to.

By leoplaw Thursday, 26. June 2008, 11:03:28

Well done! Dragonfly has the potential to turn Opera into a serious development tool, rather than just a testing platform.

I am regular user of Firebug. One thing I immediately noticed missing from Dragonfly that Firebug has is when using the DOM node selector, it doesn't highlight the corresponding element on the webpage even if I have the "highlight by mouse over" selected.

Take a look at Firebug and take off the best ideas from there and build on them.

By BlueTemplar Friday, 11. July 2008, 07:13:55

Now that I have activated it, how do I disable it?
WHen I redimension the window I see a button appear on left bottom (not sure if it's for closing though), but it disappears as soon as I release the mouse button.

Login

Forums » Opera Dragonfly Discussions

Dragonfly is here