FireQuery

Features

FireQuery is a Firefox extension integrated with Firebug

• jQuery expressions are intelligently presented in Firebug Console and DOM inspector
• attached jQuery datas are first class citizens
• elements in jQuery collections are highlighted on hover
• jQuerify: enables you to inject jQuery into any web page
• jQuery Lint: enables you to inject jQuery Lint into page being loaded automatically (great for ad-hoc code validation)

Compatibility

• v0.7 works with official Firebug 1.3.3, 1.4.5 and 1.5, also works for me with early beta of Firebug 1.6 (Firefox 3.0 - 3.6)
• v0.6 works with official Firebug 1.3.3, 1.4.5 and 1.5, also works for me with early beta of Firebug 1.6 (Firefox 3.0 - 3.6)
• v0.5 works with official Firebug 1.3.3, 1.4.5 and 1.5, also works for me with early beta of Firebug 1.6 (Firefox 3.0 - 3.6)
• v0.4.1 works with official Firebug 1.3.3, 1.4.5 and betas of Firebug 1.5 (Firefox 3.0 - 3.6)
• v0.4 works with beta Firebug 1.5 (Firefox 3.5 - 3.6) - BROKEN with Firebug 1.4!
• v0.3 works with official Firebug 1.3 and official Firebug 1.4 (Firefox 2.0 - 3.5)
• v0.2 works with beta Firebug 1.4 (Firefox 3.0.x or Firefox 3.5)

Screencast

Intro ScreenCast by the Changelog, which brings fresh news about open-source

the screencast was produced by Wynn Netherland, thanks!

Installation

The best way is to install the addon from addons.mozilla.org or you can go wild and build this on your own.

After you restart Firefox, you can visit FireQuery test page to make sure all is working correctly.

Build instructions

If you want to install latest addon from sources, you need to build it. It should be simple, but make sure you have these tools on your paths:

• git
• zip
• ruby and rake

Build steps:

git clone git://github.com/darwin/firequery.git
cd firequery
rake

After that your XPI should be available in build/firequery-X.Y.xpi.

You should be able to install XPI file into Firefox: File -> Open File ... and browse for firequery-X.Y.xpi.

Security

This extension may be insecure!

So please don't browse porn sites with this enabled. I still don't fully understand Firefox extension security model. The reality is that I'm interacting with naked HTML page from privileged code which may be insecure.

Good solution is to have dedicated Firefox profile for development and use it only for safe sites.

FAQ

How can I specify my own jQuery when pressing jQuerify button?

You can specify your own URL in about:config for the key extensions.firebug.firequery.jQueryURL.
For example you can use Google's jQuery urls https://code.google.com/apis/ajaxlibs/documentation/index.html#jquery

How can I use jQuery Lint with FireQuery?

How can I specify my own jQuery Lint version?

You can specify your own URL in about:config for the key extensions.firebug.firequery.jQueryLintURL.

When I update values via $.data() I don't see changes in HTML panel. What is wrong?

You have to enable Console panel for this feature to work

Changelog

• v0.7 (28.02.2010)

  • [darwin] added jQuery Lint support, see: https://github.com/jamespadolsey/jQuery-Lint
  • [darwin] fixed Firebug version check bug
  • [darwin] fixed incorrect object representation in console (issue #10)

• v0.6 (20.02.2010)

  • [darwin] fix retrieval of jQuery.data with jQuery 1.4+ (missing data in HTML panel and missing small envelope icons)
  • [darwin] extended test page to enable testing historical jQuery versions
  • [darwin] jQuerify script upgraded to jQuery 1.4.2

• v0.5 (20.01.2010)

  • [darwin] jQuerify script upgraded to jQuery 1.4
  • [sroussey] Firebug 1.5 compatibility (thanks to Steven Roussey)
  • [darwin] fixed mysterious bug with jQueryUI and it's datepicker (more info)

• v0.4.1 (24.12.2009)

  • [darwin] Fixed broken compatibility with Firebug 1.4

• v0.4 (13.12.2009)

  • [sroussey] Firebug 1.5 compatibility
  • [darwin] Firefox 3.6 compatibility
  • [darwin] SeaMonkey 2.0 support
  • [darwin] It is possible to specify your own jQuery URL (see FAQ)

• v0.3 (27.06.2009)

  • [darwin] Firebug 1.3 compatibility
  • [darwin] correct support for jQuery.removeData

• v0.2 (26.06.2009)

  • [darwin] effective way how to retrieve jQuery data
  • [darwin] mutation events
  • [darwin] integrated jQuerify
  • [darwin] works with jQuery loaded dynamically (late binding)

• v0.1 (07.01.2009)

  • [darwin] support for jQuery expressions
  • [darwin] support for jQuery data
  • [darwin] highlighter for jQuery collections