【さよならFirebug】Firebugから開発者ツールに乗り換えた話

Web2017年12月22日

長年フロントエンド設計において常にそばにあったFirefoxのアドオン「Firebug」ですが、このたび別れを告げブラウザに標準搭載されている開発者ツールに切り替えることにしました。

理由としては単純で、気づいたらFirebugのインスペクタにHTMLのDOMが表示されなくなってしまったんですね。

Firefoxを再インストールしても、アドオンを再インストールしてもウンともスンとも言わず。通常に使えていた時も、インスペクタ上でhtmlを編集する時にカーソルの位置がおかしくなったりと使い勝手の悪さを感じていたことも相まって、長い間お世話になったFirebugに別れを告げることにしました。

実は2016年12月に開発は既に終了

2016年12月、Firebugの公式サイトで開発およびメンテナンスの終了はアナウンスされていたので、むしろ切り替えるには今さら感もあります。1年近くも離れられなかったのはそれだけ便利なものだった、ということなんですね。

FirebugはDOMインスペクタ、コンソール、Javascriotのデバッグ、Cookieのコントロール、xmlやjsonの返り値の確認などWebサイトのデバッグにおいて快適なデバッグ環境を提供してくれていました。

Firefoxの開発者ツールはFirebugの後継

Firefoxの開発者ツールはFirebugに大きく影響を受けており、Firebugとほとんど同じ感覚で操作できます。唯一「Javascriptはどうやってデバッグ（テスト実行）すればいいんだ？」と悩みましたが、これは正確には開発者ツールではなく「スクラッチパッド」という機能で代替できます。