Mozillaは最近、Mozilla Firefox Developer Editionという名前の新しいWebブラウザーを立ち上げました。
インストールしましたが、通常のFirefoxと開発者版の違いはほとんどわかりません。開発者版にあるすべてのツールはすでに通常版にあります。開発版は通常版に何を提供しますか?
Firefox Developerエディション は、Web開発者向けに特別に設計された変更済みFirefoxです。また、別のプロファイルを使用し、通常のプロファイルを使用します。これらを並べて実行することもできます。つまり、すべてのアドオンと設定がF.D.E.で利用できるわけではありませんが、 Firefox Sync を使用して、両方のバージョンのアドオンと設定を取得できます。
すべての機能 Firefox Developerエディションは、通常のFirefoxの12週間前に利用可能になります。
F.D.E.にあるいくつかの機能その常連は持っていません:
WebIDE:
ブラウザで直接、またはFirefox OSデバイスでWebアプリを開発、デプロイ、デバッグできます。テンプレートから新しいFirefox OSアプリ(単なるWebアプリ)を作成したり、既存のアプリのコードを開いたりできます。そこからアプリのファイルを編集できます。ワンクリックでアプリをシミュレーターで実行し、もう1回クリックして開発者ツールでアプリをデバッグします。 Web IDE-YouTube
価数:
(以前はFirefox Tools Adapterと呼ばれていました)Firefox開発ツールを他の主要なブラウザエンジンに接続することにより、複数のブラウザおよびデバイスでアプリを開発およびデバッグできます。 Valenceは、AndroidChrome on AndroidおよびiOSのSafari。これまでのところ、これらのツールには、インスペクター、デバッガー、コンソール、スタイルエディターが含まれます Valence-YouTube
webオーディオAPIをリアルタイムで検査および操作して、すべてのオーディオノードが期待どおりに接続されていることを確認します。
より詳細な回答については、Ask Ubuntuで私のQ/Aを参照してください。
すでにご存じと思いますが、現在 標準設定 を備えています。
WebIDEを使用すると、Webアプリを開発、展開、デバッグできます。 ビデオ
レスポンシブデザインビュー-さまざまな画面サイズでWebサイトがどのように表示されるかを確認します
Valence(任意のブラウザーをデバッグ)-以前はFirefox Tools Adapterと呼ばれていました)。 ビデオ
Webオーディオエディタ-Webオーディオを検査して、すべてのオーディオノードが期待どおりに接続されていることを確認します。
ページインスペクタ-HTMLとCSSを調べます
Webコンソール-ログに記録された情報を表示し、JavaScriptを使用してWebページを操作します
Javascriptデバッガ-JavaScriptをデバッグします!
ネットワークモニター-ブラウザが行うすべてのネットワークリクエストとその所要時間を確認します
スタイルエディタ-CSSスタイルを編集
一般的なビデオ紹介 を参照してください
さらに、それも含まれています
お気づきかもしれませんが、これらの一部(ほとんど)はすでにFirefoxまたはFirefoxプラグインに含まれています...そして時間が経つにつれ、明日はプラグインで利用できるようになると思います。たとえば、ページインスペクタ、コンソール、デバッガ(およびいくつか)はすでにFirebugにあります。
画面サイズとCSSの変更については、開発者ツールバーというツールを使用しました...
私はそれをWeb開発者およびデザイナーとして使用しており、Webデザイナーに合わせて設計されたプラグインを備えたFirefoxのように感じています(これは私が彼らが目指していたと思います)。個人的には、それがどのように発展するかを見ることに興味があります。
現時点では、ChromeおよびIE11にすでに組み込まれているデバッガーと非常によく似ています(ただし、すべての機能を試したわけではありません)。