ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Firefoxの速度に残念な思いをしながらも、それでも離れられないのはFirebugがあるからだ。普段のブラウジングはともかくとして、Web開発でこれがなかったらどれだけの手間がかかるか分からない。

Entrance09 Thumbnail

Firefox上での開発はそれで良いだろう。だが、ブラウザはFirefoxだけでなく、むしろ少数派だ。大多数向けのIEに問題なく対応させるためにも、IE向けの効率的なデバッガが必要だ。そしてお勧めできるのが登場だ。

今回紹介するフリーウェアはDebugBar、IE向けの開発支援ツールだ。

DebugBarをインストールすると、ツールバーに表示される。そして詳細な設定や情報はサイドバーに表示される。DOM操作を使えば、表示している画像、フォームの項目、リンクがどの項目の情報なのかが一目で分かる。

Entrance10 Thumbnail

スクリプトを実行することももちろん可能だ。関数の一覧もとれるのが便利だ。また、HTML文法のチェック機能もあるが、日本語がエラーになってしまうのが残念な点だ。

他にもスクリーンショットをメールに貼付ける機能(筆者環境ではスクリーンショットは撮れたが、その後のメール添付がうまくいかなかった)やカラーピッカー、ウィンドウサイズ変更機能、ソースコード表示(受信した内容と、IEがレンダリングした情報の両方)、ハイライト検索等多数の機能がある。

Entrance11 Thumbnail

Web開発でのデバッグやデザインの補正ははまると数日を費やすことになる可能性もある。便利なデバッガを導入し、効率的な開発を目指そう。

My DebugBar | Main / HomePage

 http://www.my-debugbar.com/wiki/

via IEFirebugの機能を提供する - "DebugBar"登場 | エンタープライズ | マイコミジャーナル

http://journal.mycom.co.jp/news/2007/11/15/016/index.html

Entrance16 Thumbnail

Entrance12 Thumbnail

Entrance15 Thumbnail

Entrance14 Thumbnail

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2