Mozilla heeft deze week nieuwe updates aangekondigd voor Firefox DevTools, uw ontwikkeltool voor het onderzoeken, wijzigen en debuggen van HTML, CSS en JavaScript op computers of mobiele apparaten.
De updates die het Firefox DevTools-team heeft aangekondigd, verwijzen voornamelijk naar foutopsporing met Firefox DevTools en ze streven ernaar om ontwikkelaars meer betrouwbaarheid en prestaties te bieden, vooral bij het bouwen van moderne webapplicaties.
Met deze nieuwe update, Mozilla heeft gebruikers van Firefox 67 en hoger een solide foutopsporingservaring beloofd.
Foutopsporing in scripts is een van de krachtigste en meest complexe productiviteitsfuncties in DevTools.
Met de bijgewerkte versie van Firefox DevTools voor Firefox 67 kunnen ontwikkelaars meer snelheid en betrouwbaarheid krijgen in hun foutopsporingsproces en de prestaties ervan verbeteren.
Wat is er nieuw in Firefox DevTools?
Volgens het Firefox DevTools-team, le nieuwe DevTools-functies draaien om vier hoofdpunten, die omvatten
- Snelste oplaadtijd
- Een vernieuwde ondersteuning voor bronkaarten
- Een vermindering van overhead wanneer de debugger niet wordt getarget
- Oplossing voor enkele problemen met betrekking tot ontbrekende onderbrekingspunten, onjuiste scriptonderbrekingen en nog veel meer.
DevTools Firefox 30% sneller te openen
De open tijd van de debugger is nu 30% sneller dan eerdere versies. Het DevTools Firefox-team heeft dat uitgelegd Ze hebben de slechtste prestatie verwijderd die de debugger heeft veroorzaakt langzaam geopend, wat na prestatietests heeft aangetoond dat de debugger nu 30% sneller is.
Verbeterde source-map
Toen zei het team dat een vernieuwde en snellere source-map source geeft de illusie dat u uw code debugt, niet de gecompileerde uitvoer van Babel, Webpack, TypeScript, view.js, enz.
Een source-map is een bestand waarmee de debugger de uitgevoerde code kan koppelen aan de originele bronbestanden, waardoor de browser de oorspronkelijke bron opnieuw kan opbouwen en in de Debugger kan weergeven.
Het genereren van correcte kaartbronnen kan moeilijk zijn, legde het team uit dat tools (Babel, Vue.js, etc.) ontwikkelde ten behoeve van het hele ecosysteem.
Met snellere ondersteuning voor bronkaarten (en ander aanvullend werk), worden previews nu veel sneller weergegeven wanneer de muisaanwijzer over een variabele beweegt terwijl de uitvoering is gepauzeerd.
Bovendien door de kaartbronnen te combineren met de Babel-parser, de firefox debugger nu kunt u een voorbeeld van de originele variabelen van uw interesse bekijken en verberg onnodige informatie voor compilers en pakketten.
Het kan zelfs op de console werken, waarbij vriendelijke id's automatisch worden omgezet in hun echte, gedetailleerde namen op de achtergrond. Vanwege de prestaties moet u deze functie afzonderlijk inschakelen door het vakje "Kaart" in het deelvenster "Scopes" van de debugger aan te vinken.
Behalve dat, In deze Firefox DevTools-update zijn veel langdurige bugs in de debugger-architectuur verholpen het oplossen van enkele van de meest voorkomende en frustrerende problemen met betrekking tot het missen van breekpunten en het inbreken in het verkeerde script.
De tool is ook verbeterd zodat JavaScript-ontwikkelaars transparanter kunnen debuggen.
Evenzo, zoals het DevTools Firefox-team heeft uitgelegd, gebruiken webontwikkelaars tegenwoordig het moderne web en zouden ze moeten kunnen profiteren van de concepten van wereldklasse in DevTools.
Met het nieuwe deelvenster Threads kunt u schakelen tussen verschillende uitvoeringscontexten en deze onafhankelijk van elkaar opschorten. Hierdoor kunnen scripts worden opgespoord in hetzelfde debugger-paneel, op dezelfde manier als andere moderne browsers.
Dat gezegd hebbende, sommigen geloven dat de webontwikkelingstool van Firefox nog steeds achterloopt op die van Chrome.
Volgens hen ontbreken enkele Firefox DevTools-functies die te zien zijn in Chrome DevTools nog steeds, zoals foutopsporing in websockets.
Onthoud dat Chrome DevTools een set webontwikkelingstools is die rechtstreeks in de Google Chrome-browser zijn geïntegreerd.