Mozilla annoncerede i denne uge nye opdateringer til Firefox DevTools, Dit udviklingsværktøj til undersøgelse, ændring og fejlretning af HTML, CSS og JavaScript på computere eller mobile enheder.
De opdateringer, som Firefox DevTools-teamet annoncerede, refererer hovedsageligt til fejlfinding med Firefox DevTools og de sigter mod at give mere pålidelighed og ydeevne til udviklere, især i opbygningen af moderne webapplikationer.
Med denne nye opdatering Mozilla har lovet brugere af Firefox 67 og derover en solid fejlretningsoplevelse.
Fejlfinding af script er en af de mest kraftfulde og komplekse produktivitetsfunktioner i DevTools.
Den opdaterede version af Firefox DevTools til Firefox 67 gør det muligt for udviklere at få mere hastighed og pålidelighed i deres fejlfindingsproces og forbedre dens ydeevne.
Hvad er nyt i Firefox DevTools?
Ifølge Firefox DevTools-teamet, lde nye DevTools-funktioner drejer sig om fire nøglepunkter, inklusive
- Hurtigste opladningstid
- En ombygget kildekortsupport
- En reduktion i overhead, når fejlfindingsprogrammet ikke er ikke-målrettet
- Løs for nogle problemer relateret til manglende breakpoints, forkerte scriptafbrydelser og mange flere.
DevTools Firefox 30% hurtigere at åbne
Fejlfindingstiden er nu 30% hurtigere end tidligere versioner. DevTools Firefox-teamet har forklaret det De har fjernet den værste ydeevne, som debugger forårsagede åbnede langsomt, som efter præstationstest har vist, at debuggeren nu er 30% hurtigere.
Forbedret kildekort
Så sagde holdet det en opdateret og hurtigere kilde til kildekort giver en illusion om, at du debugger din kode, ikke den kompilerede output fra Babel, Webpack, TypeScript, view.js osv.
Et kildekort er en fil, gennem hvilken fejlfindingsprogrammet kan linke udført kode til de originale kildefiler, så browseren kan genopbygge den oprindelige kilde og vise den i fejlfindingsprogrammet.
At generere korrekte kortkilder kan være vanskeligt, forklarede holdet, der udviklede værktøjer (Babel, Vue.js osv.) Til fordel for hele økosystemet.
Med hurtigere kildekortsupport (og andet yderligere arbejde) vises forhåndsvisninger nu meget hurtigere, når de svæver over en variabel, mens udførelsen er sat på pause.
Endvidere ved at kombinere kortkilderne med Babel-parseren, Firefox debugger nu kan du få vist de originale variabler af din interesse og skjul unødvendige oplysninger fra kompilatorer og pakker.
Det kan endda arbejde på konsollen og automatisk løse venlige id'er til deres rigtige, detaljerede navne i baggrunden. På grund af dets ydeevne skal du aktivere denne funktion separat ved at markere afkrydsningsfeltet "Kort" i fejlfindingsruden "Omfang".
Andet end det, I denne Firefox DevTools-opdatering er mange langvarige fejl i fejlretningsarkitekturen blevet rettet løse nogle af de mest almindelige og frustrerende problemer i forbindelse med manglende breakpoints og bryde ind i det forkerte script.
Værktøjet er også blevet forbedret, så JavaScript-udviklere kan debugge mere gennemsigtigt.
Som DevTools Firefox-teamet forklarede, bruger webudviklere i dag det moderne web og bør kunne drage fordel af verdensklasse-koncepter i DevTools.
Ved hjælp af det nye trådpanel kan du skifte mellem forskellige udførelseskontekster og suspendere dem uafhængigt. Dette gør det muligt at fejle scripts i det samme fejlfindingspanel på samme måde som andre moderne browsere.
Alt det sagt, nogle mener, at Firefox's webudviklingsværktøj stadig er bagud på Chrome.
Ifølge dem mangler nogle Firefox DevTools-funktioner, der ses i Chrome DevTools, stadig, såsom fejlfinding i websoklen.
Chrome DevTools, husk, er et sæt webudviklingsværktøjer integreret direkte i Google Chrome-browseren.