2009年12月13日
FirefoxでjQueryを開発するならFireQueryを使ってみよう
FireQueryはFirebugを拡張したアドオンで、jQueryをよりよくサポートできるんです。
jQueryのオブジェクトをコンソールで確認したり、マウスオーバーで画面上のレーヤーで表示されたりして
大変便利になります。
これ以外でもjQuerifyというやつがあって、
jQueryが適用されてないhtmlにもfirebugのコンソールで直接jQueryのコードを書いてそのまま動作確認ができます。
主な機能
- jQuery expressions are intelligently presented in Firebug Console and DOM inspector
- attached jQuery data are first class citizens
- elements in jQuery collections are highlighted on hover
- jQuerify: enables you to inject jQuery into any page
jQuerifyを使おう!
まずfirebugのconsoleのjQuerifyをクリックします。するとjqueryが適用されたと表示されます。
次は「>>>」のところでjquery文を書けばOKです。
- 複数行のjqueryコードが書きたい場合は、右下にある「↑」ボタンをクリックし、コンソールの右フレームで書けます。