Dev.Opera - Follow the standards, break the rulesDev.Opera - Follow the standards, break the rules

Login

Lost password?

Forums » Opera Dragonfly Discussions

Discuss Opera Dragonfly, Opera's new developer tools.

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

By svivian anchor Saturday, 6. December 2008, 00:52:54

avatar

"Inspect element" in right click menu

This is without a doubt my most-used feature of Firebug. In Firefox I simple right click on the page and click "Inspect element". Fb opens and jumps to the HTML element I clicked on, showing the CSS on the right. I can play and edit stuff within a few seconds.

With Dragonfly it's incredibly tedious: I have to open it manually, select the page I'm interested in (a nightmare with more than 10 tabs open), then find the right tab in Dragonfly which I never find straight away for some reason. This takes at least 30 seconds just to be in a position to see what styles are applied...

There should be an option to add "Inspect element" to the right click menu. No reason for it to be on by default (though Chrome does that, oddly enough).

By dobrych anchor Monday, 5. January 2009, 19:38:42

avatarYou can find useful "Highlight by mouse hover" button on DOM tab. It works like "Inspect element", but directly without context menu calling.

By svivian anchor Tuesday, 6. January 2009, 00:23:38

avatar

Originally posted by dobrych:

You can find useful "Highlight by mouse hover" button on DOM tab. It works like "Inspect element", but directly without context menu calling.


I am aware of that function, but that doesn't solve the problem: getting to the point where I can click an element. It is opening DF that takes the time, as described above.

By dobrych anchor Tuesday, 6. January 2009, 12:00:20

avatar

Originally posted by svivian:

am aware of that function, but that doesn't solve the problem: getting to the point where I can click an element. It is opening DF that takes the time, as described above.



Yep, I offered this as workaround, not as solution.
BTW, Firebug and Safari Inspector has this functionality. So would be good to have it in Dragonfly too. My vote!

By fearphage anchor Sunday, 11. January 2009, 03:23:44

avatar

Originally posted by svivian:

With Dragonfly it's incredibly tedious: I have to open it manually, select the page I'm interested in (a nightmare with more than 10 tabs open), then find the right tab in Dragonfly which I never find straight away for some reason. This takes at least 30 seconds just to be in a position to see what styles are applied...

Agreed. Dragonfly's current user journey to inspect an element is very inconvenient and slow by comparison. I would like to see "inspect element" in the right click menu as well.

Post edited Sunday, 11. January 2009, 09:46:34

By njyo anchor Tuesday, 13. January 2009, 09:13:06

avatarJust want to let you guys know that we have this issue on our roadmap and specified as we find it very important as well.
However, the implementation is not completely trivial (think as well mobile devices), which is why it is not yet present in DF, but it will come in due time. :smile:

And yes, please keep the feedback flowing. We are reading the forums but just not always commenting as confirming or renouncing future plans is a tricky thing. :wink:

Cheers,
Wolf
(Interaction Designer for Dragonfly)

By svivian anchor Thursday, 15. January 2009, 23:14:28

avatar

Originally posted by njyo:

Just want to let you guys know that we have this issue on our roadmap and specified as we find it very important as well.
However, the implementation is not completely trivial (think as well mobile devices), which is why it is not yet present in DF, but it will come in due time. :smile:

And yes, please keep the feedback flowing. We are reading the forums but just not always commenting as confirming or renouncing future plans is a tricky thing. :wink:

Cheers,
Wolf
(Interaction Designer for Dragonfly)


Thanks for the reply! It did feel like "inspect element" in right click menu would be trivial since the functionality already exists to inspect element on click, after DF is opened. But as a developer myself I know all-too-well that many things are more complex then they first appear. Homer: Doh!

Hey cool, there's a DF smiley: dragonfly

By svivian anchor Wednesday, 4. February 2009, 00:04:22

avatarAnother request, in the same vein as this one. Basically, I'd love to have each instance of DF tied to the page I'm viewing. In particular, if I switch tabs, I don't really want the DF window open: I just want it on the page I'm inspecting.

By fearphage anchor Wednesday, 4. February 2009, 04:48:05

avatar

Originally posted by svivian:

I'd love to have each instance of DF tied to the page I'm viewing. In particular, if I switch tabs, I don't really want the DF window open: I just want it on the page I'm inspecting.

Agreed 100%, but i think that deserves a completely separate thread and there may already be one/some.

By Tappi anchor Tuesday, 11. August 2009, 20:29:17

avatarAny news on this one? It's just so annoying to first start the dev tools and then activate the mouse highlight.

Btw, using 10 beta2 here

By sgraphics anchor Tuesday, 6. October 2009, 09:03:24

avatarAlso begging for this feature (inspect element). Any news?

By bbaja anchor Thursday, 12. November 2009, 13:24:31

avatarAny news on this feature? I love Opera but as a developer I'm still using FireFox, mainly because of this feature - it's quicker.

Moderators: pepelsbey | dstorey | operadev | chrismills | shwetankdixit | brucelawson | iheni | andreasbovens | zibin | mollydotcom