Firefox ブラウザー Developer Edition

ご愛用いただいているブラウザーが新しくなりました。自由なウェブを築くために必要とされる最新機能や高速パフォーマンス、開発ツールを、ぜひ入手してください。

Firefox Developer Edition — 日本語

お使いのシステムが Firefox の要件を満たしていない可能性がありますが、こちらのバージョンのいずれかをお試しください。

Firefox Developer Edition — 日本語

Firefox Developer Edition は Mozilla にフィードバックを自動送信します。もっと詳しく

デベロッパー専用に構築されたブラウザー

すべての最新ベータ版デベロッパーツールに加え、Multi-line Console Editor や WebSocket Inspector 等の試験的機能。

個別のプロフィールとパスで、リリースや Beta Firefox との同時実行が容易にできます。

ウェブデベロッパーに合わせてカスタマイズされた設定: ブラウザーとリモートデバッグのほか、ダークテーマやデベロッパーツールバーボタンが既定で有効になっています。

新ツール

Firefox DevTools では、ページに影響しない CSS の宣言がグレー表示されるようになりました。情報アイコンの上にカーソルを置くと、問題の解決方法に関するヒントなど、CSS が適用されていない理由に関するメッセージが表示されるので便利です。

新しい Firefox DevTools はパワフルかつ柔軟、そして何よりもハッキングが容易です。これには、複数のブラウザーを対象とすることが可能で React とRedux がビルトインされた、クラス最高の JavaScript デバッガーが含まれています。

Firefox は、CSS グリッドを用いた構築・デザイン専用に開発されたツールを備えた唯一のブラウザーです。これらのツールで実現されるのは、グリッドを可視化し、関連する領域名を表示し、グリッドの変換のプレビューなどなど盛りだくさんです。

Firefox DevTools の新フォントパネルを使用して、要素で使用されているフォントに関して必要なすべての情報にすばやくアクセスできます。また、フォントのソース、太さ、スタイルなど、重宝する情報も含まれています。

Inspector

コードを検査して修正し、完璧なピクセルのレイアウトを構築します。
Page Inspector の詳細
Console

CSS や JavaScript、セキュリティ、ネットワークの問題をトラッキングします。
Web Console の詳細
Debugger

ご使用のフレームワーク対応の JavaScript デバッガーです。
JavaScript Debugger の詳細
Network

サイトが遅くなったりブロックされるおそれのあるネットワークリクエストをモニタリングします。
Network Monitor の詳細
Storage panel

キャッシュ、Cookie、データベース、セッションデータを追加、変更、削除します。
Storage Panel の詳細
Responsive Design モード

ブラウザーでエミュレートしたデバイスで、サイトをテストします。
Responsive Design View の詳細
Visual Editing

アニメーションや配置、パディングを精密に調整
Visual Editing の詳細
Performance

ボトルネックを解消し、プロセスを合理化し、アセットを最適化します。
Performance Tools の詳細
Memory

メモリーのリークを検出し、アプリケーションを高速化します。
Memory Tools の詳細
Style Editor

あらゆる CSS スタイルシートをブラウザー内で編集、管理します。
Style Editor の詳細