- Published:July 25th, 2013
- Comments:3 Comments
- Category:Documentation, Firebug, Firebug Extension, Planet Mozilla
FireQuery is one of my favorite extensions for Firebug and I am regularly using it every time I am debugging web application that is build on top of jQuery.
FireQuery is a Firebug extension for jQuery development. It's a collection of Firebug enhancements for jQuery.
FireQuery allows you to inject jQuery into any web page. Just click the jQuerify button in the Console panel.
You can specify your own URL in
about:config for the key
Note that page jQuerifying can be also done through Firebug built-in include() command.
FireQuery also improves logs displayed in the Console panel. When you use
$() (the one coming from jQuery) you'll see that the log is marked as being done using jQuery wrapper.
FireQuery visualizes attached jQuery.data().
Executing the script in a page (or on Firebug's Command Line) will associate data with the
body element. Now if you query for the
body element you'll see a little envelop icon attached to the result.
Clicking on the icon will navigate you to the DOM Panel where you can see/inspect all details.
Finally, you can also use the HTML panel to see the data.
There are more features, so check out the FireQuery home page.