The Developer Toolbar (or GCLI) is no longer in DevTools
The DevTools GCLI has been removed from the Firefox codebase (bug), which roughly translates into 20k less lines of code to think about, and the associated tests which are not … Read more
Articles in “Developer Tools”
Developer Tools support for Web Components in Firefox 63
Shadow DOM and Web Components are enabled by default in Firefox 63 and the Developer Tools are ready for them ! If you are using Web Components in your project, … Read more
Screenshots from the Console
Firefox DevTools has now added a screenshot command, so you can take screenshots directly from the Console (bug #1464461). To access the command, open the Web Console via Tools → … Read more
Improving DevTools’ performance, one iteration at a time
Firefox Quantum, released last November, was a very important milestone for Firefox. Huge performance gains were achieved by replacing parts of the engine with bits of Servo, written in Rust. … Read more
Developer Tools visual refresh coming to Nightly
Good evening, Nightly friends! As the UX designer for DevTools, I’ve been working on fresh new themes for Firefox 57. My colleague Gabriel Luong is handling the implementation and will … Read more
Simulate slow connections with the network throttling tool
Firefox DevTools has now a network throttling tool to simulate slow connections, so you can get a rough idea of the user experience under different connection types (bug #1283453). This … Read more
DevTools now display white space text nodes in the DOM inspector
Web developers don’t write all their code in just one line of text. They use white space between their HTML elements because it makes markup more readable: spaces, returns, tabs. … Read more