Firefox DevTools updates 30% faster to open and more

Firefox DevTools

Mozilla this week announced new updates to Firefox DevTools, your development tool for examining, modifying and debugging HTML, CSS and JavaScript on computers or mobile devices.

The updates that the Firefox DevTools team announced, mainly refer to debugging with Firefox DevTools and they aim to bring more reliability and performance to developers, especially in building modern web applications.

With this new update, Mozilla has promised users of Firefox 67 and above a solid debugging experience.

Script debugging is one of the most powerful and complex productivity features in DevTools.

The updated version of Firefox DevTools for Firefox 67 allows developers to get more speed and reliability in their debugging process and improve its performance.

What's new in Firefox DevTools?

According to the Firefox DevTools team, lhe new DevTools features revolve around four key points, including

  • Fastest charging time
  • A remodeled source map support
  • A reduction in overhead when the debugger is untargeted
  • Fix for some problems related to missing breakpoints, incorrect script interrupts, and many more.

DevTools Firefox 30% faster to open

Debugger open time is now 30% faster than previous versions. The DevTools Firefox team has explained that They have removed the worst performance that the debugger caused opened slowly, which has shown after performance tests that the debugger is now 30% faster.

Improved source-map

Then the team said that a revamped and faster source-map source gives the illusion that you are debugging your code, not the compiled output of Babel, Webpack, TypeScript, view.js, etc.

A source-map is a file through which the debugger can link executed code to the original source files, allowing the browser to rebuild the original source and display it in the Debugger.

Generating correct map sources can be difficult, explained the team that developed tools (Babel, Vue.js, etc.) for the benefit of the entire ecosystem.

With faster source map support (and other additional work), previews now display much faster when hovering over a variable while execution is paused.

On the other hand, by combining the map sources with the Babel parser, the firefox debugger now you can preview the original variables of your interest and hide unnecessary information from compilers and packages.

logpoints

It can even work on the console, automatically resolving friendly ids to their real, detailed names in the background. Due to its performance, you must enable this feature separately by checking the "Map" box in the "Scopes" pane of the debugger.

Other than that, In this Firefox DevTools update, many long-standing bugs in the debugger architecture have been fixed solving some of the most common and frustrating problems related to missing breakpoints and breaking into the wrong script.

The tool has also been enhanced to allow JavaScript developers to debug more transparently.

Likewise, as the DevTools Firefox team explained, web developers today use the modern web and should be able to benefit from the world-class concepts in DevTools.

Using the new Threads panel, you can switch between different execution contexts and suspend them independently. This allows scripts to be debugged in the same debugger panel, in the same way as other modern browsers.

All that said, some believe that Firefox's web development tool is still behind on Chrome's.

According to them, some Firefox DevTools features that you see in Chrome DevTools are still missing, such as web socket debugging.

Chrome DevTools, remember, is a set of web development tools integrated directly into the Google Chrome browser.


Be the first to comment

Leave a Comment

Your email address will not be published. Required fields are marked with *

*

*

  1. Responsible for the data: Miguel Ángel Gatón
  2. Purpose of the data: Control SPAM, comment management.
  3. Legitimation: Your consent
  4. Communication of the data: The data will not be communicated to third parties except by legal obligation.
  5. Data storage: Database hosted by Occentus Networks (EU)
  6. Rights: At any time you can limit, recover and delete your information.