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コードが書きたい場合は、右下にある「↑」ボタンをクリックし、コンソールの右フレームで書けます。
