The current Firefox Aurora release is Firefox 29. These are the main updates to the developer tools:
- Theme improvements, including major updates to the light theme
- Network Monitor performance analysis tool
- CSS source maps
- Changes in the way node selection works in the Inspector
- Classic call stack for the Debugger, and added the ability to highlight and inspect nodes
- Emacs and Vim keybindings in the source editor
Authoring tools for websites and web apps.
Exploring and debugging
Examine, explore, and debug websites and web apps.
- Web Console
- Page Inspector
- View and modify the page HTML and CSS.
- Network Monitor
- See the network requests made when a page is loaded.
- Developer Toolbar
- A command-line interface for the developer tools.
- 3D View
- 3D visualization of the page.
Tools for mobile development.
- App Manager
- Design and develop apps for Firefox OS.
- Firefox OS Simulator
- Run and debug your Firefox OS app on the desktop, without needing a real Firefox OS device.
- Responsive Design View
- See how your website or app will look on different screen sizes without changing the size of your browser window.
- Debugging on Firefox for Android
- Connect the developer tools to Firefox for Android.
Diagnose and fix performance problems.
- Paint Flashing Tool
- Highlights the parts of the page that are repainted in response to events.
- Reflow Event Logging
- See reflow events in the web console.
- Network Performance
- See how long the parts of your site take to load.
Debugging the browser
By default, the developer tools are attached to a web page or web app. But you can also connect them to the browser as a whole. This is useful for browser and add-on development.
Extending the devtools
The developer tools are designed to be extensible. Firefox add-ons can access the developer tools and the components they use to extend existing tools and add new tools. With the remote debugging protocol you can implement your own debugging clients and servers, enabling you to debug websites using your own tools or to debug different targets using the Firefox tools.
This section lists resources which aren't maintained by Mozilla's developer tools team, but which are widely used by web developers. We've included a few Firefox add-ons in this list, but for the complete list see the "Web Development" category on addons.mozilla.org.
- DOM Inspector
- Inspect, browse, and edit the DOM of web pages or XUL windows.
- Web Developer
- Adds a menu and a toolbar to the browser with various web developer tools.