Firefoxの通常版と開発版の違いは何ですか？

Mozillaは最近Web開発者が使うための新しいDeveloper Editionをリリースしました、しかしそれとFirefoxの通常のバージョンの間にどれほどの違いがありますか？本日のSuperUser Q&A投稿には、興味をそそられる読者の質問に対する答えがあります。.

本日の質疑応答セッションは、コミュニティ主導のQ&A Webサイトのグループである、Stack Exchangeの下位区分であるSuperUserの好意により提供されます。.

質問

SuperUserの読者Saurabh Lprocksは、Firefoxの通常版と開発版の違いを知りたいです。

Mozillaは最近、特にWeb開発者向けの新しいバージョンのMozilla Firefox Developer Editionを立ち上げました。.

私はそれをインストールしました、しかし私はFirefoxの通常版と開発者版の間に大きな違いを見いだしませんでした。開発者版のすべてのツールは通常版にもあります。通常版ではそうではないことを、開発者版には何が追加されているのか知りたいのですが。.

Firefoxの通常版と開発版の違いは何ですか?

答え

SuperUserの貢献者blade19899とDaveが私たちに答えを持っています。まず、ブレード19899：

Firefox Developer Editionは、特にWeb開発者向けに設計されたFirefoxの修正版です。また、通常のバージョンとは別のプロファイルを使用しているため、それらを並べて実行することもできます。つまり、すべてのアドオンと設定がFirefox Developer Editionでは使用できなくなりますが、Firefox Syncを使用して両方のバージョンでアドオンと設定を同期させることができます。.

Firefox Developer Editionの全機能は、通常版のFirefoxで利用可能になる12週間前に利用可能になる予定です。.

Firefox Developer Editionに組み込まれている、通常のバージョンにはないいくつかの機能は以下のとおりです。

Web IDE

Web IDEを使用すると、WebアプリケーションをブラウザまたはFirefox OSデバイスで直接開発、配置、およびデバッグできます。テンプレートから新しいFirefox OSアプリ（単なるWebアプリ）を作成したり、既存のアプリのコードを開くことができます。そこからアプリのファイルを編集できます。アプリをシミュレータで実行するにはワンクリック、開発者ツールを使用してアプリをデバッグするにはもう1回クリックします。 YouTubeでWeb IDEに関するビデオをここで見ることができます。.

原子価

以前はFirefox Tools Adapterと呼ばれていたValenceでは、Firefox開発者ツールを他の主要なブラウザエンジンに接続することで、複数のブラウザやデバイスにまたがってアプリケーションを開発およびデバッグできます。 Valenceはまた、Firefox OSとFirefox for Androidをデバッグするために構築された素晴らしいツールを、Android上のChromeとiOS上のSafariを含む他の主要なモバイルブラウザに拡張します。これまでのところ、これらのツールには、Inspector、Debugger、およびConsole＆Style Editorがあります。あなたはここでYouTubeでヴァランスについてのビデオを見ることができます.

Webオーディオエディタ

Web Audio Editorを使用すると、Web Audio APIをリアルタイムで検査および操作して、すべてのオーディオノードが期待どおりに接続されていることを確認できます。.

Ask Ubuntuの私のQ / Aでもっと詳しい答えを見ることができます：Firefox Developer Editionをインストールするにはどうすればいいですか？?

Daveからの回答が続きます。

私はあなたがすでに知っていると確信しているように、それは現在箱から出してこれらの機能を持っています：

Web IDE - Webアプリケーションを開発、デプロイ、およびデバッグすることを可能にします.

レスポンシブデザインビュー - Webサイトがさまざまな画面サイズでどのように見えるかを確認できます。.

Valence - 任意のブラウザでデバッグする（以前はFirefox Tools Adapterと呼ばれていました）.

Web Audio Editor - Webオーディオを検査して、すべてのオーディオノードが正しく接続されていることを確認します。.

ページインスペクタ - HTMLとCSSを調べる.

Webコンソール - 記録された情報を確認し、JavaScriptを使用してWebページと対話する.

JavaScript Debugger - JavaScriptをデバッグします.

ネットワークモニタ - ブラウザからのすべてのネットワーク要求とその所要時間を確認します。.

スタイルエディタ - CSSスタイルを編集する.

あなたはここで一般的なビデオ紹介を見ることができます.

それはまた含まれています：

Firefox Hello - WebRTC（ブラウザ内から通話やビデオチャットを可能にするツール）.

ボタンを忘れる - 履歴を消去するのに似ています.

スポイト - Webページから色を「切り取る」ことができます。.

スクラッチパッド - JavaScriptスニペットをテストするためのスタンドアロンJSコンソール.

接続 - リモートデバイスに接続します。.

お気づきかもしれませんが、これらの機能の一部（大部分）はすでにFirefoxまたはアドオンを介して利用可能になっています。時間の経過とともに、これらの機能がプラグインとして利用可能になると思います。たとえば、ページインスペクタ、コンソール、デバッガ、その他いくつかの機能はすでにFirebugアドオンの一部です。.

画面サイズとCSSの変更に関しては、Developer Toolbarというツールを使います。.

私はFirefox Developer EditionをWeb開発者および設計者として使用しましたが、FirefoxはWeb設計者に合うように設計されたプラグインを備えたFirefoxのように感じます（それが私が狙っていたと思います）。私は個人的にそれがどのように発展するかを見ることに興味を持っています.

現時点では、ChromeとInternet Explorer 11に既に組み込まれているデバッガと非常によく似ています（まだすべての機能を試したことはありませんが）。.

詳細についてはFirefox Developer Editionのメモもご覧ください。.

説明に追加するものがありますか？コメントで音を消す。他の技術に精通したStack Exchangeユーザーからの回答をもっと読みたいですか？こちらのディスカッションスレッドをチェックしてください。.