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:configfor the keyextensions.firebug.firequery.jQueryURL.
For example you can use Google's jQuery urls http://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:configfor the keyextensions.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: http://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)
v0.5 (20.01.2010)
v0.4.1 (24.12.2009)
- [darwin] Fixed broken compatibility with Firebug 1.4
v0.4 (13.12.2009)
v0.3 (27.06.2009)
v0.2 (26.06.2009)
v0.1 (07.01.2009)
