Notas de lançamento

Firefox 38

Destaques:

• Bypass audio nodes in Web Audio Editor
• "copy" command in Web Console
• Highlight and filter XmlHttpRequests in Web Console
• See optimized-out variables in the Debugger
• See security warnings in the Network Monitor
• See transferred sizes in the Network Monitor
• Play/pause all animations in the page

All devtools bugs fixed between Firefox 37 and Firefox 38.

Firefox 37

Destaques:

• Security panel in the Network Monitor
• Animations panel in the Page Inspector
• Support for running a custom build step in WebIDE

All devtools bugs fixed between Firefox 36 and Firefox 37.

Firefox 36

Destaques:

• eval sources now appear in the Debugger
• Simpler process for connecting to Firefox for Android
• Box Model Highlighter works on remote targets
• "Invert the call tree" option in the Profiler
• Inspect DOM promises in the console
• Extra "Paste" commands in the Inspector

All devtools bugs fixed between Firefox 35 and Firefox 36.

Firefox 35

Destaques:

• See ::before and ::after pseudo elements in the Page Inspector
• CSS source maps are now enabled by default
• "Show DOM Properties" from the Page Inspector

All devtools bugs fixed between Firefox 34 and Firefox 35.

Firefox 34

Destaques:

• Storage Inspector: a new tool enabling you to view data stored by web pages
• Performance tool: revamped Profiler UI and frame rate timeline
• Frame switching: point the developer tools at a specific iframe in the page
• console.table support
• jQuery events are visible in the Page Inspector

All devtools bugs fixed between Firefox 33 and Firefox 34.

Firefox 33

Destaques:

• WebIDE: a new environment for developing and debugging web apps
• You can edit animation @keyframes and timing functions
• Event listeners are now visible in the Inspector
• There's a sidebar listing @media rules in the Style Editor
• You can add new CSS rules and edit selectors in the Inspector
• There are three new developer toolbar commands: folder, highlight, and inject

Mais detalhes:

• The Disable Cache setting now persists when the devtools are reopened
• transform visualization is now shown in the page, not a tooltip
• Preferences for the source editor are exposed in the Settings page
• The viewport size is directly editable in Responsive Design View
• The Debugger now automatically black boxes source files with a "min.js" extension

All devtools bugs fixed between Firefox 32 and Firefox 33.

Firefox 32

Destaques:

• Web Audio Editor
• Code completion and inline documentation in Scratchpad
• User agent styles in the Inspector's Rules view
• Element picker button has moved
• Node dimensions added to the Inspector's infobar
• Full page screenshot button added

Mais detalhes:

• HiDPI images added to the tools
• Nodes that have display:none are shown differently in the Inspector

All devtools bugs fixed between Firefox 31 and Firefox 32.

Firefox 31

Destaques:

• Eyedropper tool to select colors in web pages
• full stack traces for console error messages
• editable Box Model View
• %c formatting to style console messages
• "copy as cURL" command in Network Monitor
• Sublime Text keybindings in the source editor

Mais detalhes:

• Option to make Network Monitor logs persistent
• JavaScript warnings on by default in the Web Console
• Alt+click to expand all descendants of a node

All devtools bugs fixed between Firefox 30 and Firefox 31.

Firefox 30

Destaques:

• Box model highlighting in the Page Inspector
• Web Console support for executing JS in frames
• Web Console display improvements: code highlighting, node highlighting and inspection
• Network Monitor theme improvements, image thumbnails, image preview, HTML preview
• Browser Console input must now be enabled in Settings
• Icons for Scratchpad and other tools now hidden by default

Mais detalhes:

• Support for console.count()
• New shortcut key to focus on web console command line
• Font family tooltip in the Inspector
• Firefox OS HUD features: memory tracking and jank monitor

All devtools bugs fixed between Firefox 29 and Firefox 30.

Firefox 29

Firefox 29 Hacks post. Highlights:

• 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

Firefox 28

Firefox 28 Hacks post. Highlights:

• The App Manager has an integrated manifest editor
• The Split Console feature enables you to use the Web Console and another developer tool side by side
• Pretty-print minified JavaScript in the Debugger
• Color picker tooltip in the Inspector
• Browser Toolbox for debugging platform or add-on code

Firefox 27

Firefox 27 Hacks post. Highlights:

• The Shader Editor lets you view and edit WebGL shaders
• Instruct the debugger to break on DOM events to which you're listening
• Edit HTML in the Inspector
• See color swatches and background images in the Inspector's Rules view
• The Web Console now logs reflow events
• CodeMirror is now used as the source editor in many tools