タグ

firebugとアドオンに関するNATTIのブックマーク (3)

  • Webのバグを燃やしまくるFirebugと、そのアドオン7選

    Webのバグを燃やしまくるFirebugと、そのアドオン7選:ユカイ、ツーカイ、カイハツ環境!(10)(1/3 ページ) 高度化するWebのデバッグに悩む人、必見! 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer(以下、IE)がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者/デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 稿では、Firefoxのアドオンとして利用するFirebugと、

    Webのバグを燃やしまくるFirebugと、そのアドオン7選
  • jQueryを使った開発に便利!Firebug + jQuery·FireQuery MOONGIFT

    Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど

    jQueryを使った開発に便利!Firebug + jQuery·FireQuery MOONGIFT
  • ページの読込み時間をチェックできるFirebugアドオン「Hammerhead」:phpspot開発日誌

    Hammerhead ページの読込み時間をチェックできるFirebugアドオン「Hammerhead」。 インストールするとロード時間がステータスに表示 クリックするとメニューで、キャッシュをクリアするオプションが表示されます Firebug拡張としてタブがインストールされ、キャッシュを常に削除するといった設定が可能みたい。 複数ページの表示速度比較なんていうこともできるみたい これはなかなか使えそうですね。 関連エントリ Google製サイト高速化Firefoxアドオン「Page Speed」を試してみました FirebugでXpathCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」 Firebug内でHTML/CSSについて調べられるアドオン「FireScope」 FireBugのJavaScriptをハイライト表示する拡張「Rainbow」 Fi

  • 1