これは使える!Firefox Developer Edition

193pp
2014年11月に登場したWEB開発者向けのブラウザ”Firefox Developer Edition”の注目機能のまとめ通常のFireFoxでは成し得なかった機能が満載です。

Firefox+Firebugでの開発する方は多いと思います。
実際、Firebugを使ったときには驚きましたが、いつの間にかFirefoxもサファリもIEも標準で似た ような機能が付きました。でも、やっぱりFirebugが以上のものではなく、結局Firebugだった。
しかしのこFirefox Developer Edition(FFDE)はついにFirebugを超えるWebデバッガであると思います。

まずブラウザのテーマがカッコ良すぎ!

Web を開発する人のために
開発者目線で作られた唯一のブラウザ
Firefox Developer Edition — Mozilla

Web開発者の方なら、Firefoxが開発工数を短縮してくれることを知っていると思いますが、あくまでブラウザがメインです。
Firefox Developer Editionはまさしく開発者のためのツールです。

ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場
ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場 – GIGAZINE

ざっと、素晴らしい機能が紹介されています。

いじったcssファイルをそのまま保存できる!


https://matome.naver.jp/odai/2142254170285969901/2142905273677919603

開発ツールのスタイルビューでスタイルを編集しても、今まではスタイルをコピってエディタにペーストしていましたが、FFDEではそのままcssファイル名の横の保存を押せばスタイルがすぐに更新できる!
FFDEがエディタそのものになる。

アプリの作成や開発のための編集環境も提供します。
WebIDE – 開発ツール | MDN

アプリ開発者もデザイナーもコーダーも必見です。

レスポンシブデザインの作成が視覚的に分かりやすくて素晴らしい!

画面サイズを変更しながら表示テストを行えます。もうブラウザのウィンドウサイズを変更する必要はありません。
レスポンシブデザインビュー – 開発ツール | MDN

JavaScript デバッガでは、バグを追究するために JavaScript コードのステップ実行やコードの状態の調査または変更が可能です。
デバッガ – 開発ツール | MDN

私の感動したのは、ajaxで読み込んだHTML内のjavascriptは、Firebugでもデバッグ出来ません。
FDEでは、ちゃんとデバッグでき、ブレークポイントも打てたことです。

https://matome.naver.jp/odai/2142254170285969901
2015年04月15日