Firefox 62

  • You can now split the Rules view out into its own pane, separate from the other tabs on the CSS pane. See Page inspector 3-pane mode for more details.
  • The Grid inspector has updated features, and all new documentation — see CSS Grid Inspector: Examine grid layouts.
  • The Accessibility inspector has had a couple of minor updates:
    • It no longer exposes the help property, which isn't properly implemented in Gecko (bug 1467643).
    • The keyboardShortcut property now correctly exposes any keyboard shortcut available to activate the currently inspected node (bug 1467381).

 

Firefox 61

  • The Accessibility Inspector has been implemented.
  • The new-look Console UI has been enabled by default for the Browser Console & Browser Toolbox (bug 1362023/bug 1347127). The old UI has been removed.
  • In the Network Monitor, clicking Open in New Tab in a POST request's context menu correctly resends the request with the expected POST parameters (bug 1407515).
  • CSS variables now autocomplete with color swatches, allowing you to see exactly what color value is stored in each variable (bug 1451211).
    • In addition, hovering over a CSS variable name brings up a tooltip showing what color value is stored in that variable (bug 1431949).
  • The main toolbox's toolbar has been redesigned. Highlights are better responsiveness for narrow and wide viewports with a new overflow dropdown, cleaned up meatball menu, and sortable tabs to let you move up your most used panels (bug 1226272).
  • The Network Monitor's toolbar now includes a dropdown menu providing easier access to the 'Copy All As HAR' and 'Save All As HAR' commands, as well as an 'Import...' option (bug 1403530).
  • The Network Monitor's details pane now includes a Cache tab, which displays information about previously cached resources (bug 859051).
  • The Network Monitor's main toolbar got redesigned to be more responsive on smaller viewports and visually aligned with the Console.
  • The Network Monitor's main toolbar now includes a Throttling dropdown which was only available in the Responsive Design Mode before. It allows you to throttle your network speed to emulate various different network speed conditions (bug 1349559).
  • The Browser Console now hides CSS errors by default for readability and performance reasons (bug 1452143).
  • DevTools' web extension APIs devtools.network.onRequestFinished (bug 1311171) and devtools.network.getHAR (bug 1311177) got implemented (enabling extensions like har-export-trigger)
  • The Firebug theme got removed since the transition of Firebug users into devtools is complete (bug 1378108)

Firefox 60

  • In the CSS Pane rules view (see Examine and edit CSS), the keyboard shortcuts for precise value increments (increase/decrease by 0.1) have changed from Alt + Up/Down to Ctrl + Up/Down on Linux and Windows, to avoid clashes with default OS-level shortcuts (see bug 1413314).
  • Also in the CSS Pane rules view, CSS variable names will now auto-complete (bug 1422635). If you enter var( into a property value and then type a dash (-), any variables you have declared in your CSS will then appear in an autocomplete list.
  • In Responsive Design Mode, a Reload when... dropdown has been added to allow users to enable/disable automatic page reloads when touch simulation is toggled, or simulated user agent is changed. See Controlling page reload behavior for more details (bug 1428816).
  • The view_source.tab preference has been removed so you can no longer toggle View Source mode between appearing in a new tab or new window. Page sources will always appear in new tabs from now on (bug 1418403).

Firefox 59

Firefox 58

Firefox 57

Firefox 56

Firefox 55

Firefox 54

  • The network request summary now includes the amount of data actually transferred ("transferred size"), as does the the performance analysis view (bug 1168376).
  • The network request headers view now links to the related documentation on MDN (bug 1320233).

Firefox 53

All devtools bugs fixed between Firefox 52 and Firefox 53.

Firefox 52

All devtools bugs fixed between Firefox 51 and Firefox 52.

Firefox 51

All devtools bugs fixed between Firefox 50 and Firefox 51.

Firefox 50

All devtools bugs fixed between Firefox 49 and Firefox 50.

Firefox 49

All devtools bugs fixed between Firefox 48 and Firefox 49.

Firefox 48

Highlights:

All devtools bugs fixed between Firefox 47 and Firefox 48.

Firefox 47

Highlights:

All devtools bugs fixed between Firefox 46 and Firefox 47.

Firefox 46

Highlights:

All devtools bugs fixed between Firefox 45 and Firefox 46.

Firefox 45

Highlights:

All devtools bugs fixed between Firefox 44 and Firefox 45.

Firefox 44

Highlights:

All devtools bugs fixed between Firefox 43 and Firefox 44.

Firefox 43

Highlights:

All devtools bugs fixed between Firefox 42 and Firefox 43.

Firefox 42

Highlights:

All devtools bugs fixed between Firefox 41 and Firefox 42.

Firefox 41

Highlights:

All devtools bugs fixed between Firefox 40 and Firefox 41. Note that many of these bugs, especially those relating to the performance tools, were uplifted to Firefox 40.

Firefox 40

Highlights:

More:

Everything: all devtools bugs fixed between Firefox 39 and Firefox 40.

Firefox 39

Highlights:

All devtools bugs fixed between Firefox 38 and Firefox 39.

Firefox 38

Highlights:

All devtools bugs fixed between Firefox 37 and Firefox 38.

Firefox 37

Highlights:

All devtools bugs fixed between Firefox 36 and Firefox 37.

Firefox 36

Highlights:

All devtools bugs fixed between Firefox 35 and Firefox 36.

Firefox 35

Highlights:

All devtools bugs fixed between Firefox 34 and Firefox 35.

Firefox 34

Highlights:

All devtools bugs fixed between Firefox 33 and Firefox 34.

Firefox 33

Highlights:

More details:

All devtools bugs fixed between Firefox 32 and Firefox 33.

Firefox 32

Highlights:

More details:

  • 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

Highlights:

More details:

All devtools bugs fixed between Firefox 30 and Firefox 31.

Firefox 30

Highlights:

More details:

All devtools bugs fixed between Firefox 29 and Firefox 30.

Firefox 29

Firefox 29 Hacks post. Highlights:

Firefox 28

Firefox 28 Hacks post. Highlights:

Firefox 27

Firefox 27 Hacks post. Highlights:

Document Tags and Contributors

Contributors to this page: wbamberg, chrisdavidmills, Sebastianz, teoli
Last updated by: wbamberg,