How can I inspect popup menuitem's?

[jez]

I'd like to inspect the menuitem elements that appear for a popup menu (in this case, "list all tabs") in DOM Inspector. I can see them appear in the DOM when I click and get the popup but of course they disappear when I click on the DOM Inspector as the popup disappears. Is there a way I can inspect the popup items?

[smsmith]

In the DOM Inspector, use File -> Inspect Chrome Document -> Select an open window/tab.

Scroll down, expand ID main-window. Scroll down, expand ID mainPopupSet. You should be able to find the menu from there.

[patrickjdempsey]

There used to be an extension called PopupInspector on AMO... but it's gone. Not sure where it went. But for themeing, you don't really need to inspect too much, all of the code should be in popup.css and menu.css.

[mcdavis]

There used to be an extension called PopupInspector on AMO... but it's gone. Not sure where it went.

I wonder what that's about? https://addons.mozilla.org/en-US/firefo ... inspector/

Anyhow, I have version 0.1 of it, from 2011/05/24; let me know anyone if you want to get it to take a look for yourself. (I'm sure other people have it, too.)

[patrickjdempsey]

I think one of the updates may have borked it... I seem to remember it not working on certain menus anymore. Maybe the developer just gave up on trying to fix it?

[mcdavis]

I just tried it, it only kind-of works. If you shift-right-click on the site identity popup it opens DOM Inspector to that, but if you do that on the click-to-play popup it opens DOM Inspector to an empty document, apparently because the popup gets destroyed when it's closed.

[Zoolcar9]

If the menupopup has onpopupshowing and onpopuphiding/onpopuphidden attributes,
use DOMI to move onpopuphiding/onpopuphidden value to the start of onpopupshowing value.

For example

Code: Select all

onpopupshowing="create()"
onpopuphiding="destroy()"

becomes

Code: Select all

onpopupshowing="destroy(); create()"
onpopuphiding=""