« ウップス!!なかわけをリニューアルしました | ホーム | 猫 vs 夏 »

Firebugはいいツール

070803

こんにちは、なかわけです。

先日いいツールを見つけました。「Firebug」というツールです。FireFoxのエクステンションです。

ウェブデベロッパーツールというやつです。

firebug

名前に「bug」とついているとあまりいいイメージではありませんが、たぶんbugをFireするって意味だと思います。

このツールでなにができるかというと、ウェブサイトのソースが見れます。

いやいやソースだけなら、標準機能で見られるじゃんって思う方もいらっしゃると思いますが、その表示がすばらしい。

「調査」ボタンをクリックすると、ロールオーバーしている部分がソースのどこに当たるかを瞬時に示してくれます。
また、平行してその要素にどんなスタイルが付いているかも表示されます。
またまた、そのソースが編集できてプレビューすることができるため、このサイトのCSSどうなってるんだろうってときに、スタイルをちょちょいと編集してスタイルをはずしたりすることもできます。

またまたまた、Javascriptの実行結果もソースで出力されるとこともすごい。普通Javascriptを書くときは、出力されるものを想像しながら書くか、静的にHTMLで書いたものをJavacriptに書き直すというような作業になります。そのときに、バグがあったとしても気づきにくくどこにバグがあったかは、出力結果をalert()やdocument.write()などで調べなくてはいけません。

が、FirebugはJavascriptの結果をHTMLソースの中に織り交ぜて出力してくれます。便利便利。

とまあ、ほかにも価値のある機能がたくさんあります。興味にある方はインストールしてみてください。
ウェブデザイナーにはもってこいのツールです。

こういうの作れる人ってすごい。

コメント (0)

タグ

関連アイテム

カレンダー

2013年5月
Sun Mon Tue Wed Thu Fri Sat
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

クリエイティブ・コモンズ

このブログは、次のライセンスで保護されています。

クリエイティブ・コモンズ・ライセンス

Googleの画像広告