Using the FireQuery Plugin with jQuery

There’s another Firefox plugin for your jQuery repertoire: the FireQuery plugin, which enhances Firebug for better handling of jQuery. Features include:

  • Elements and handlers dynamically added by jQuery at run time can be visually inspected in the console.
  • Elements that are members of a jQuery “collection” are highlighted in the window on a mouseover event.
  • jQuery-specific expressions are recognized and presented in the Firebug console.

One of its more interesting features is the “jQuerify” button, which dynamically loads jQuery into any web page viewed by the browser. This is very useful if you’re running tests with jconsole, because it cuts out the step of loading jQuery from a CDN using the load() command in the console.

After you install FireQuery, you can check that everything is working correctly by visiting the test page at http://firequery.binaryage.com/test/index.html. Figure 1-5 shows a successful install of FireQuery.

Source: Otero Cesar, Rob Larsen (2012), Professional jQuery, John Wiley & Sons, Inc

Leave a Reply

Your email address will not be published. Required fields are marked *