Mozilla tillkännagav denna vecka nya uppdateringar till Firefox DevTools, ditt utvecklingsverktyg för att granska, modifiera och felsöka HTML, CSS och JavaScript på datorer eller mobila enheter.
Uppdateringarna som Firefox DevTools-teamet meddelade, hänvisar främst till felsökning med Firefox DevTools och de syftar till att ge utvecklarna mer tillförlitlighet och prestanda, särskilt när de bygger moderna webbapplikationer.
Med den här uppdateringen, Mozilla har lovat användare av Firefox 67 och uppåt en gedigen felsökningsupplevelse.
Skriptfelsökning är en av de mest kraftfulla och komplexa produktivitetsfunktionerna i DevTools.
Den uppdaterade versionen av Firefox DevTools för Firefox 67 gör det möjligt för utvecklare att få mer snabbhet och tillförlitlighet i sin felsökningsprocess och förbättra dess prestanda.
Vad är nytt i Firefox DevTools?
Enligt Firefox DevTools-teamet, lde nya DevTools-funktionerna kretsar kring fyra viktiga punkter, Inklusive
- Snabbast laddningstid
- Ett ombyggt stöd för källkarta
- En minskning av omkostnaderna när felsökaren inte är inriktad
- Åtgärda några problem relaterade till saknade brytpunkter, felaktiga skriptsavbrott och många fler.
DevTools Firefox 30% snabbare att öppna
Debugger öppen tid är nu 30% snabbare än tidigare versioner. DevTools Firefox-team har förklarat det De har tagit bort den värsta prestanda som felsökaren orsakade öppnade långsamt, som efter prestandatester har visat att felsökaren nu är 30% snabbare.
Förbättrad källkarta
Då sa laget det en moderniserad och snabbare källkartkälla ger en illusion att du felsöker din kod, inte den kompilerade utdata från Babel, Webpack, TypeScript, view.js, etc.
En källkarta är en fil genom vilken felsökaren kan länka exekverad kod till de ursprungliga källfilerna, så att webbläsaren kan bygga om den ursprungliga källan och visa den i felsökaren.
Att skapa korrekta kartkällor kan vara svårt, förklarade teamet som utvecklade verktyg (Babel, Vue.js, etc.) till förmån för hela ekosystemet.
Med snabbare källkartstöd (och annat ytterligare arbete) visas nu förhandsvisningar mycket snabbare när du svävar över en variabel medan körningen är pausad.
Vidare, genom att kombinera kartkällorna med Babel-analysatorn, Firefox-felsökaren Du kan nu förhandsgranska de ursprungliga variablerna av ditt intresse och dölja onödig information från kompilatorer och paket.
Det kan till och med fungera på konsolen och automatiskt lösa vänliga id: n till deras riktiga, detaljerade namn i bakgrunden. På grund av dess prestanda måste du aktivera den här funktionen separat genom att markera rutan "Karta" i felsökningsfönstret i felsökaren.
Utöver det, I denna Firefox DevTools-uppdatering har många långvariga buggar i felsökningsarkitekturen rättats att lösa några av de vanligaste och frustrerande problemen i samband med saknade brytpunkter och bryta in i fel manus.
Verktyget har också förbättrats så att JavaScript-utvecklare kan felsöka mer transparent.
På samma sätt, som DevTools Firefox-teamet förklarade, använder webbutvecklare idag den moderna webben och bör kunna dra nytta av världsklasskoncepten i DevTools.
Med den nya trådpanelen kan du växla mellan olika exekveringskontexter och stänga av dem oberoende av varandra. Detta gör det möjligt att felsöka skript i samma felsökningspanel, på samma sätt som andra moderna webbläsare.
Allt sagt, vissa tror att Firefox: s webbutvecklingsverktyg fortfarande ligger bakom Chrome.
Enligt dem saknas fortfarande vissa Firefox DevTools-funktioner som du ser i Chrome DevTools, till exempel felsökning av webbsocklar.
Chrome DevTools, kom ihåg, är en uppsättning verktyg för webbutveckling integrerade direkt i webbläsaren Google Chrome.