Firefox plugin that lets you to view a control's name? - firefox

Does anyone know of a firefox plugin that allows you to view what a control's name/id is? Preferably via a mouseover or something, but if I have to right click it or something that works too.

Firebug. Excellent plugin.

Firebug, or go old-school with the DOM inspector.

Related

FireBug is showing deactivated and I am not able to activate it. I am using FF 56.0.2

I am using latest fireFox version and not able to turn on firebug. It is showing deactivated. can anyone help me how to activate it? As I am not able to search xpath.
Firebug is no longer available in Firefox, now replaced by the Firefox Developer Tools. There's a guide for migrating.
What you are seeing are actually the Firefox DevTools. When opening it the first time, there is a hint explaining the transition a little:
Note that even the Firebug toolbar button disappears with the release of Firefox 57. The backgrounds are outlined in a related blog post.
Unfortunately, the DevTools do not provide an XPath search within their Inspector yet. There's an enhancement request filed for this feature, though.
Having said that, you can at least copy the XPath to an element via the context menu:
Furthermore, if you need the XPath for automated testing like Selenium, you can use CSS selectors in most cases instead, which can be searched for using the search field.

How to show a menu after clicking on the widget icon?

I am using firefox addon builder (Addon kit 1.7) and I wonder to know if it's possible to show a simple menu like the context menu of firefox just after clicking on the widget icon. I need few hints. Thanks in advance.
I managed to make it work using the MenuPopup package by Yaelle Borghini and uploaded a simple example on the Addon Builder site.
You will have to expand on Yaelle's code to support dynamic modifications of the menu items because it's not fully built in at the moment (though it shouldn't be too hard to add it).
Here's the discussion on the Mozilla forums about how to show menus with the Addon SDK that got me started.
Right now the only option is to hook a panel to a widget and add a menuitem to the panel with html.

View chrome source in Firefox

It would be extremely helpful for developing Firefox extensions if I could see the source of, e.g., chrome://browser/content/browser.xul with overlays applied. Is there a way to do this? Chrome List and "View Source" show only the base structure, ChromeBug requires restarting the browser and isn't too easy to get working.
All you need is DOM Inspector, and I highly recommend pairing that with Inspect Context which adds an "Inspect" option to the right-click menu of almost everything, much like the "Inspect Element" option of Firebug.

Do I need a Firefox plugin or an extension?

I need to read every url that loads into the navigation bar of firefox (either by type in or by clicking a link), pass them through a filter and decide if allow the url to open or not.
I have some experience on firefox extensions but not with plugins.
Do I need to do it using extensions or plugins for this?
I currently have a BHO for IE that does this, and I get the URLs using the web browser events.
An extension would be just fine. For what you want to do, you need nsIObserverService, and http-on-modify-request observer.
You can use Adblock Plus (See the video)

Run context.drawWindow method through a bookmarklet

I want to capture a webpage as an image. I am able to do this using a firefox extension using context.drawWindow method. Now I want to strech myself and see if I can do this using a bookmarklet :)
I remember reading somewhere that context.drawWindow() works only from the firefox toolbars. I dont know if that's still true or not.
Can anyone shed some light if I can execute context.drawWindow() from a bookmarklet or no?
Thanks
Kapil
You can't, since bookmarklets run with the permissions of the page, and drawWindow is chrome-only (can only be used by Firefox UI and extensions, not Web pages).

Resources