Developer Tools Articles
-
Optimizing JavaScript Performance With Firefox Dev Tools
The Performance tool in Firefox Developer Tools offers a great way to diagnose slow-running JavaScript and provides insight into the general responsiveness and layout performance of your web site. In this video screencast, I’ll go through the process of how to diagnose issues with slow code and how to fix those issues in your code. […]
-
Developer Edition 47 – User agent emulation, popup debugging and more
This week marks the release of Firefox Developer Edition 47! In recent weeks, we’ve covered the DevTools reload add-on and service worker tooling, so be sure to check out those posts. In this post, we’ll cover the rest of the updates and changes in this Developer Edition release. User Agent emulation We have added the ability […]
-
Debugging Service Workers and Push with Firefox DevTools
Following the announcement of Web Push in Firefox 44, we’re now delivering the capability to develop and debug service workers and push notifications code with DevTools using Firefox Developer Edition 47. Here’s a screencast that demonstrates the features described in this post: Or if you prefer text, keep reading! about:debugging Service workers do not behave […]
-
Introducing DevTools Reload
As a way to encourage more open source developers to contribute to the evolution of Firefox Developer Tools, the DevTools team has built DevTools Reload, an add-on that removes some common barriers to entry. It’s not unusual for mature Open Source projects to have large code bases. This can act as a barrier to entry […]
-
Trainspotting: Firefox 44
Trainspotting is a series of articles highlighting features in the lastest version of Firefox. A new version of Firefox is shipped every six weeks or sometimes eight– we at Mozilla call this pattern “release trains”. It’s a new year, and of course there’s a new Firefox! Let’s take a look at some of the goodies […]
-
Developer Edition 46 – More memory tooling, improved @media sidebar and more
Firefox Developer Edition 46 is now here! In this version, we’ve added various memory profiling features and improved many of our current tools as well. This post covers some of the big changes that landed in this release. Dominator view in the memory tool A new view is now available within the Memory Tool that […]
-
Developer Edition 45 – Animations, Memory Tools and More
Firefox Developer Edition 45 has improvements to DevTools that will help you track down memory usage, dig into CSS animations, and more. In this post we’ll cover some of these changes – be sure to download the latest Developer Edition to try them yourself. CSS animation tool++ The animation tool has many additions: When you […]
-
Firefox’s New Memory Tool
Firefox Developer Edition 44, released last week, includes a brand new memory tool to help you understand how your web applications are using and retaining memory. This is especially useful for developers targeting the mobile web, and thus working with constrained resources. Baptiste Kaenel, a freelance Creative Designer and Mozilla community member from France, put […]
-
Developer Edition 44: New visual editing and memory management tools
This month marks the one-year anniversary of Firefox Developer Edition. To celebrate, we’re excited to show you some new tools – and some improvements to existing tools – that let you work with the Web in a visual and intuitive way. As the Web becomes a more dynamic, interactive and mobile experience, visual designers are […]
-
Firebug & DevTools Integration
You might have already heard about our effort to unify native Firefox Developer tools (DevTools) and Firebug. We’ve been working hard to port all favorite Firebug features into native DevTools, make them multi-process compatible, and available for remote debugging (i.e., e10s compatible). We’ve been also working hard to make the transition path from Firebug to […]