Mozilla tento týždeň oznámila nové aktualizácie prehliadača Firefox DevTools, váš vývojový nástroj na skúmanie, úpravy a ladenie kódov HTML, CSS a JavaScript v počítačoch alebo mobilných zariadeniach.
Aktualizácie, ktoré tím Firefox DevTools oznámil, odkazujú hlavne na ladenie pomocou Firefox DevTools a ich cieľom je priniesť vývojárom väčšiu spoľahlivosť a výkon, najmä pri vytváraní moderných webových aplikácií.
Vďaka tejto novej aktualizácii Mozilla sľúbila používateľom prehliadača Firefox 67 a novších verzií vynikajúce ladenie.
Ladenie skriptov je jednou z najvýkonnejších a najkomplexnejších funkcií produktivity v DevTools.
Aktualizovaná verzia aplikácie Firefox DevTools pre Firefox 67 umožňuje vývojárom získať vyššiu rýchlosť a spoľahlivosť v procese ladenia a zlepšiť jeho výkon.
Čo je nové vo Firefoxe DevTools?
Podľa tímu Firefox DevTools, lnové funkcie DevTools sa točia okolo štyroch kľúčových bodov, počítajúc do toho
- Najrýchlejší čas nabíjania
- Podpora remodelovanej zdrojovej mapy
- Zníženie réžie, keď je debugger necielený
- Oprava niektorých problémov súvisiacich s chýbajúcimi bodmi prerušenia, nesprávnymi prerušeniami skriptov a mnohými ďalšími.
DevTools Firefox sa otvára o 30% rýchlejšie
Debugger je teraz o 30% rýchlejší ako predchádzajúce verzie. Tím DevTools Firefox to vysvetlil Odstránili najhorší výkon, ktorý ladiaci program spôsobil pomaly sa otváral, ktorý po testoch výkonu ukázal, že debugger je teraz o 30% rýchlejší.
Vylepšená mapa zdrojov
Potom to povedal tím vylepšený a rýchlejší zdrojový zdroj máp dáva ilúziu, že ladíte svoj kód, nie kompilovaný výstup Babel, Webpack, TypeScript, view.js atď.
Mapa zdrojov je súbor, prostredníctvom ktorého môže debugger prepojiť spustený kód s pôvodnými zdrojovými súbormi, čo umožňuje prehliadaču znovu vytvoriť pôvodný zdroj a zobraziť ho v debuggeri.
Generovanie správnych mapových zdrojov môže byť ťažké, vysvetlil tím, ktorý vyvinul nástroje (Babel, Vue.js atď.) V prospech celého ekosystému.
Vďaka rýchlejšej podpore zdrojových máp (a ďalším ďalším prácam) sa teraz ukážky zobrazujú oveľa rýchlejšie, keď pri pozastavení vykonáte prechod na premennú.
Okrem toho, kombináciou mapových zdrojov s analyzátorom Babel, debugger firefoxu teraz si môžete pozrieť ukážku pôvodných premenných, ktoré vás zaujímajú a skryť nepotrebné informácie pred kompilátormi a balíkmi.
Môže to dokonca fungovať na konzole a automaticky tak na pozadí vyriešiť priateľské identifikátory podľa ich skutočných podrobných mien. Kvôli svojmu výkonu musíte túto funkciu povoliť osobitne začiarknutím políčka „Mapa“ na table „Rozsahy“ ladiaceho programu.
Okrem toho, V tejto aktualizácii prehliadača Firefox DevTools bolo opravených veľa dlhotrvajúcich chýb v architektúre ladiaceho programu riešenie niektorých najbežnejších a frustrujúcich problémov súvisiacich s chýbajúcimi hraničnými bodmi a vniknutím do nesprávneho písma.
Nástroj bol tiež vylepšený, aby vývojárom JavaScriptu umožňoval transparentnejšie ladenie.
Rovnako, ako vysvetlil tím DevTools Firefox, weboví vývojári dnes používajú moderný web a mali by byť schopní ťažiť z prvotriednych konceptov v DevTools.
Pomocou nového panela Vlákna môžete prepínať medzi rôznymi kontextmi vykonávania a nezávisle ich pozastaviť. Toto umožňuje ladenie skriptov na rovnakom paneli ladiaceho nástroja rovnakým spôsobom ako v iných moderných prehľadávačoch.
Všetko, čo bolo povedané, si niektorí myslia, že nástroj na vývoj webových aplikácií Firefoxu stále zaostáva za nástrojom Chrome.
Podľa nich stále chýbajú niektoré funkcie prehliadača Firefox DevTools, ktoré vidíte v prehliadači Chrome DevTools, napríklad ladenie webových zásuviek.
Chrome DevTools, pamätajte, je sada nástrojov na vývoj webu integrovaná priamo do prehliadača Google Chrome.