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

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

firefox-00の通常の開発者版との違い

Mozillaは最近、新しいDeveloper EditionをリリースしましたWeb開発者が使用するために、しかしそれとFirefoxの通常のバージョンの間にどのくらいの違いがありますか?今日のSuperUser Q&A投稿には、読者の好奇心に満ちた質問への回答が含まれています。

本日の質疑応答セッションは、コミュニティ主導のQ&A WebサイトのグループであるStack Exchangeの下位部門であるSuperUserのご厚意によるものです。

質問

スーパーユーザーリーダーのSaurabh Lprocksは、Firefoxの通常版と開発者版の違いを知りたいと思っています。

Mozillaは最近、特にWeb開発者向けのMozilla Firefox Developer Editionと呼ばれるWebブラウザの新しいバージョンをリリースしました。

インストールしましたが、あまり見つけていませんFirefoxの通常版と開発者版の違い。開発者版のすべてのツールも通常版です。通常版にはない追加機能が開発者版に付属していることを知りたいです。

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

答え

SuperUserコントリビューターのblade19899とDaveが答えをくれました。まず、blade19899:

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

Firefox Developer Editionのすべての機能は、Firefoxの通常バージョンで利用可能になる12週間前に利用可能になります。

通常バージョンにはないFirefox Developer Editionに組み込まれている機能には次のものがあります。

Web IDE

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

ヴァランス

以前はFirefox Tools Adapterと呼ばれていたValenceFirefox開発者ツールを他の主要なブラウザーエンジンに接続することにより、複数のブラウザーとデバイスでアプリを開発およびデバッグできます。 Valenceは、Firefox OSおよびAndroid版Firefoxをデバッグするために構築されたすばらしいツールを、Android上のChromeやiOSのSafariなどの他の主要なモバイルブラウザーに拡張します。これまでのところ、これらのツールには、インスペクター、デバッガー、コンソール&スタイルエディターが含まれています。ここでYouTubeでValenceに関するビデオを見ることができます。

Webオーディオエディター

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

Ask Ubuntuでの詳細な回答については、Q / Aをご覧ください。FirefoxDeveloper Editionをインストールする方法を教えてください。

デイブからの回答が続きます:

既にご存知のとおり、現在これらの機能はすぐに使用できます。

  • Web IDE – Webアプリを開発、展開、およびデバッグできます。
  • レスポンシブデザインビュー-さまざまな画面サイズでWebサイトがどのように表示されるかを確認できます。
  • Valence –任意のブラウザーでデバッグ(以前はFirefox Tools Adapterと呼ばれていました)。
  • Web Audio Editor – Webオーディオを検査して、すべてのオーディオノードが期待どおりに接続されていることを確認します。
  • ページインスペクター-HTMLとCSSを調べます。
  • Webコンソール–ログに記録された情報を表示し、JavaScriptを使用してWebページを操作します。
  • JavaScriptデバッガー– JavaScriptをデバッグします。
  • ネットワークモニター-ブラウザーが行うすべてのネットワークリクエストとその所要時間を確認します。
  • スタイルエディター-CSSスタイルを編集します。

ここで一般的なビデオの紹介を見ることができます。

以下も含まれます。

  • Firefox Hello – WebRTC(ブラウザー内から他のユーザーとの通話およびビデオチャットを可能にするツール)。
  • ボタンを忘れる-履歴を消去するのに似ています。
  • スポイト-Webページから色を「スナップ」できます。
  • スクラッチパッド– JavaScriptスニペットをテストするためのスタンドアロンJSコンソール。
  • 接続-リモートデバイスに接続できます。

お気づきのとおり、これらの一部(ほとんど)は機能は現在Firefoxまたはアドオンを介して既に利用可能であり、時間が経つにつれて、プラグインとして利用できるようになると思います。たとえば、ページインスペクター、コンソール、デバッガー、およびその他のいくつかの機能は、すでにFirebugアドオンの一部です。

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

Firefox Developer Editionを使用しましたWeb開発者およびデザイナーであり、Webデザイナーに合うように設計されたプラグインを備えたFirefoxのように感じます(私は彼らが目指していたと思います)。個人的には、それがどのように発展するかを見ることに興味があります。

現時点では、すでにChromeとInternet Explorer 11に組み込まれているデバッガーに非常に似ています(ただし、まだすべての機能を試したわけではありません)。

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


説明に追加するものがありますか?コメントで鳴り響きます。他の技術に精通したStack Exchangeユーザーからの回答をもっと読みたいですか?こちらでディスカッションスレッド全体をご覧ください。