Mozilla tento týden oznámila nové aktualizace Firefox DevTools, Váš vývojový nástroj pro zkoumání, úpravy a ladění HTML, CSS a JavaScript v počítačích nebo mobilních zařízeních.
Aktualizace, které tým Firefox DevTools oznámil, odkazují hlavně na ladění pomocí Firefox DevTools a jejich cílem je přinést vývojářům větší spolehlivost a výkon, zejména při vytváření moderních webových aplikací.
S touto novou aktualizací Mozilla slíbila uživatelům Firefoxu 67 a vyšších solidní ladění.
Ladění skriptů je jednou z nejvýkonnějších a nejkomplexnějších funkcí produktivity v DevTools.
Aktualizovaná verze aplikace Firefox DevTools pro Firefox 67 umožňuje vývojářům získat větší rychlost a spolehlivost v procesu ladění a zlepšit jeho výkon.
Co je nového ve Firefox DevTools?
Podle týmu Firefox DevTools, lnové funkce DevTools se točí kolem čtyř klíčových bodů, počítaje v to
- Nejrychlejší doba nabíjení
- Předělána podpora zdrojové mapy
- Snížení režie, když je ladicí program necílený
- Oprava některých problémů souvisejících s chybějícími zarážkami, nesprávnými přerušeními skriptu a mnoha dalšími.
DevTools Firefox se otevírá o 30% rychleji
Otevřený čas ladicího programu je nyní o 30% rychlejší než předchozí verze. Tým DevTools Firefox to vysvětlil Odebrali nejhorší výkon, který ladicí program způsobil pomalu se otevíralo, který po testech výkonu ukázal, že debugger je nyní o 30% rychlejší.
Vylepšená mapa zdrojů
Pak to řekl tým vylepšený a rychlejší zdrojový zdroj map dává iluzi, že ladíte svůj kód, nikoli kompilovaný výstup Babel, Webpack, TypeScript, view.js atd.
Zdrojová mapa je soubor, jehož prostřednictvím může ladicí program propojit spuštěný kód s původními zdrojovými soubory, což umožňuje prohlížeči znovu vytvořit původní zdroj a zobrazit jej v Debuggeru.
Generování správných mapových zdrojů může být obtížné, vysvětlil tým, který vyvinul nástroje (Babel, Vue.js atd.) Ve prospěch celého ekosystému.
Díky rychlejší podpoře zdrojové mapy (a další další práci) se nyní náhledy zobrazují mnohem rychleji, když najedete myší nad proměnnou, zatímco je provádění pozastaveno.
Kromě toho, kombinací zdrojů mapy s analyzátorem Babel, debugger firefoxu nyní si můžete prohlédnout původní proměnné, které vás zajímají a skrýt nepotřebné informace před překladači a balíčky.
Může dokonce fungovat na konzole a automaticky na pozadí vyřešit přátelská ID podle jejich skutečných podrobných jmen. Kvůli jejímu výkonu musíte tuto funkci povolit samostatně zaškrtnutím políčka „Mapa“ v podokně „Rozsahy“ ladicího programu.
Jiné, než je, V této aktualizaci Firefox DevTools bylo opraveno mnoho dlouhotrvajících chyb v architektuře debuggeru řešení některých nejčastějších a frustrujících problémů souvisejících s chybějícími zarážkami a vloupáním do nesprávného skriptu.
Nástroj byl také vylepšen, aby vývojářům JavaScriptu umožnil transparentnější ladění.
Podobně, jak vysvětlil tým DevTools Firefox, weboví vývojáři dnes používají moderní web a měli by být schopni těžit z prvotřídních konceptů v DevTools.
Pomocí nového panelu Vlákna můžete přepínat mezi různými kontexty provádění a nezávisle je pozastavit. To umožňuje ladění skriptů ve stejném panelu ladicího programu, stejně jako v jiných moderních prohlížečích.
Vše, co bylo řečeno, někteří věří, že nástroj pro vývoj webových aplikací Firefoxu je stále v prohlížeči Chrome.
Podle nich stále chybí některé funkce Firefox DevTools, které se zobrazují v Chrome DevTools, například ladění webových soketů.
Chrome DevTools, pamatujte, je sada nástrojů pro vývoj webových aplikací integrovaných přímo do prohlížeče Google Chrome.