Firefox Developer Edition は、人気の高いブラウザである Mozilla の、Web 開発者に焦点をあてた新しいバージョンです。

近年、最も人気のあるブラウザは、Web ページのソースコードを表示 および編集できるツールを内蔵しています。このツールは、エラーのローカライズを容易にし、Web ページをその場で編集し、変更結果をすぐに確認できるため、Web 開発者にとって非常に便利なものです。

Firefox Developer Edition は、標準的な Web ブラウザであるため、通常の方法でインターネットを閲覧することができます。しかし、Web 開発者の作業を容易にする多くのツールを含んでいることが特徴です。これらのツールのいくつかを紹介します。

• Valence ： このツールにより、異なるデバイス上の異なるブラウザーをデバッグすることができます。たとえば、iOS の Safari や Android の Chrome で Web ページを debug することができます。この場合、モバイル端末をコンピューターに接続し、Firefoxを使用してページのソースコードに変更を加えることができます。この変更は、接続されたモバイルデバイスに反映されます。このツールはテスト段階にあるため、一貫して作業することは推奨されません。
• レスポンシブデザイン ：このビューのおかげで、ページが多くの解像度でどのように表示されるかを確認するためのプラグインをインストールする必要がなくなります。このようにして、レスポンシブデザインが可能な最大数の解像度に完全に適応しているかどうかを確認することができます。
• ページインスペクター ：このパネルには、ウェブページを構成する要素に関する情報が表示されます。HTMLとCSSのコードをその場で確認し、変更することができます。たとえば、CSSクラスを選択すると、そのCSSクラスを使用するすべての要素がWeb上でハイライト表示されます。HTMLのコードも同様で、「Inspector Page」パネルを開いて、HTML要素の上にカーソルを置くと、その要素がページのデザイン上でハイライト表示されるのです。
• < Web Console ： このパネルには、閲覧中のWebページで発生したエラーや警告のメッセージが表示され、CSS、Javascript、Networkなどに対応するエラーを確認できるように、カテゴリー別に整理されています。また、コンソールでjavascriptコードを入力してWebの要素とやり取りすることも可能です。オブジェクトのメソッドを呼び出したり、jQueryを使って一連の項目をリストアップしたりすることができます。Javascript上でできることはすべて、"Web Console"上で直接実行することができるのです。
• Network Monitor ： ここでは、Webページによって実行されたすべての要求を確認し、同じヘッダーを探索することができます。このビューは、Web を読み込んでいる外部要素の数を正確に把握し、要素の数を減らす必要があるかどうかを知るために非常に便利です。リクエストを種類別にフィルタリングすることができます。HTML、CSS、JS、画像、ソース、マルチメディア、その他。

これらは、Firefox ブラウザの新バージョンが提供する機能のほんの一部に過ぎません。多くのウェブ開発者がこのバージョンに満足し、Firefox Developer Edition をデフォルトのブラウザにすることは間違いないでしょう。