Top Firefox拡張機能(アドオン) >ページに存在するタグの属性をハイライト表示できるFirefoxアドオン「Tag Attribute Finder」
2010年04月22日

ページに存在するタグの属性をハイライト表示できるFirefoxアドオン「Tag Attribute Finder」

ウェブページを管理されている方なら、自分が管理されているサイトや他のページでどんなタグを使っているかが気になることがあると思います。

そんなときはソースを表示すればいいわけですが、ソース表示の場合はページのどこにタグが書かれているかなど、具体的な状態を把握しにくいということもあります。

Firefoxアドオン「Tag Attribute Finder」を使えば、そんな時でもページ内に存在するタグの属性を素早くチェックすることができるようになります。

「Tag Attribute Finder」は、オプション設定によりあらかじめ指定したアンカーと属性を、ワンクリックで目的のページ上にハイライト表示させることができるというアドオンです。

アドオンをインストールすると、ステータスバーに専用の実行ボタン 01_Tag Attribute Finder_Firefox_Add-ons.JPG が付与されます。

目的のページを表示してこのボタンをクリックすると、ページ右上に属性を色分けしたボックスが表示され、ページ上にあるその属性をハイライト表示します。


02_Tag Attribute Finder_Firefox_Add-ons.JPG


*デフォルトではアンカーを[a]として、target、rel属性を表示するようになっています。

*ボタンマウスオーバーで文字情報も表示されます。


05_Tag Attribute Finder_Firefox_Add-ons.JPG


オプション設定では、タグ名と属性の属性の指定が可能となっており、属性のほうは[,]で区切って複数指定することができるようになっています。


04_Tag Attribute Finder_Firefox_Add-ons.JPG


■hrefを追加してみた例


03_Tag Attribute Finder_Firefox_Add-ons.JPG


また、Autorunにチェックを入れておくことにより、ページ表示時に自動でハイライトを実行するようにもできますので、連続でチェックする際などに便利です。

このように、簡単な操作であらかじめチェックしたタグをページ上で確認することができるというアドオンです。

タグの属性を素早く確認したいという方は使ってみてはいかがでしょうか。


ダウンロード:Tag Attribute Finder(Add-ons for Firefox)[実験的なアドオン]


<関連記事>


■ページのソースをタブや任意のエディタで開くことができるFirefoxアドオン「ソース表示タブ」

■リンクのターゲットタグをコントロールできるFirefoxアドオン「TargetKiller」(3.0対応)

■ブックマーク時にHTMLタグからキーワードを抽出してタグ付けできるFirefoxアドオン「auto Tagging」(3.0対応)

■ウェブページのタグを拾い出して自動的に「目次」を生成できるGreasemonkeyスクリプト「TOCMonkey」



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック