Firefinder for Firebug :: Firefox Add-ons

FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」。
Firebugの拡張として動作し、インストールすると Firefinder タブが表示されます。

まずは css セレクタによって探してみます。
div.content で検索すると、<div class="content">がマッチします。


divだけで検索するとすべてのdivを探すことが可能です。


XPathｄｅ検索してみたところ、同じように検索が可能


マッチしたエレメントは赤色でハイライト表示されます


Firebug標準の検索機能は、1個1個検索していきますが、これだと一括して検索が出来て便利ですね。

関連エントリ

• Firebug内でHTML/CSSについて調べられるアドオン「FireScope」
• FireBugのJavaScriptをハイライト表示する拡張「Rainbow」
• SymfonyでのWeb開発に役立つFirebug拡張「FireSymfony」