気軽にhtml+CSS+Javascriptを調べる。「Aardvark」

気軽にhtml+CSS<del>+Javascript</del>を調べる。「Aardvark」

先輩のishidaからAardvargというFirefox拡張機能を教えてもらいました。プログラムを作るうえでもHTML+CSS+Javascriptを調べることは重要です。インストール方法は省略。

Aardvark

Aardvark Firefox extension

ツール < start Aardvarkで機能が有効になります。

ページ上でマウスカーソルを動かすと、要素名、class名、id名がすぐわかります。

ほかにも機能があってhを押すとショートカットキー一覧がでてきます。

よく使いそうなキーだけ列挙すると

  • w: 親要素へ(子要素と領域がぴったり重なっているときなどにはこれを使うしかない)
  • n: 子要素へ
  • r: 要素の削除
  • i: その要素だけ表示,隔離
  • v: ソースを見る
  • u: 操作の取り消し、アンドゥ
  • q: Aardvark終わり

この拡張のよいところは機能を利用するときにデザインが崩れないところです。

次回 Firebug紹介します。たぶん。

追記 Fri Mar 23 11:52:10 JST 2007

javascriptのことを調べる機能はついてないようです。勘違いしていました。すいません。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ