A Mozilla ezen a héten jelentette be a Firefox DevTools új frissítéseit, Fejlesztőeszköze a HTML, CSS és JavaScript vizsgálatára, módosítására és hibakeresésére számítógépeken vagy mobil eszközökön.
A Firefox DevTools csapata által bejelentett frissítések, főleg a Firefox DevTools program hibakeresésére utal és célja, hogy több megbízhatóságot és teljesítményt nyújtson a fejlesztőknek, különösen a modern webalkalmazások építése során.
Ezzel az új frissítéssel A Mozilla szilárd hibakeresési élményt ígért a Firefox 67 vagy újabb verzió felhasználói számára.
A szkriptek hibakeresése az egyik leghatékonyabb és legösszetettebb termelékenységi funkció a DevTools-ban.
A Firefox DevTools for Firefox 67 frissített verziója lehetővé teszi a fejlesztők számára, hogy nagyobb sebességet és megbízhatóságot szerezzenek a hibakeresési folyamatban, és javítsák annak teljesítményét.
A Firefox DevTools újdonságai
A Firefox DevTools csapata szerint laz új DevTools funkciók négy kulcspont körül forognak, beleértve
- A leggyorsabb töltési idő
- Átalakított forrástérkép támogatás
- A rezsicsökkentés, ha a hibakereső nincs megcélozva
- Javítsa ki a hiányzó töréspontokkal, a helytelen parancsfájl-megszakításokkal és még sok mással kapcsolatos problémákat.
DevTools Firefox 30% -kal gyorsabban nyitható meg
A hibakereső nyitva tartása most 30% -kal gyorsabb, mint a korábbi verzióké. A DevTools Firefox csapata ezt elmagyarázta Eltávolították a hibakereső által okozott legrosszabb teljesítményt lassan kinyílt, amely a teljesítménytesztek után megmutatta, hogy a hibakereső most 30% -kal gyorsabb.
Továbbfejlesztett forrástérkép
Aztán a csapat ezt mondta egy megújult és gyorsabb forrás-térkép forrás azt az illúziót kelti, hogy a kódot hibáztatja, nem pedig a Babel, a Webpack, a TypeScript, a view.js stb.
A forrástérkép olyan fájl, amelyen keresztül a hibakereső összekapcsolhatja a végrehajtott kódot az eredeti forrásfájlokkal, lehetővé téve a böngésző számára az eredeti forrás újjáépítését és a hibakeresőben való megjelenítését.
A helyes térképi források előállítása nehéz lehet - magyarázta az a csapat, amely eszközöket (Babel, Vue.js stb.) Fejlesztett ki az egész ökoszisztéma érdekében.
Gyorsabb forrástérkép-támogatással (és egyéb kiegészítő munkával) az előnézetek most sokkal gyorsabban jelennek meg, amikor egy változó fölé viszi az egeret, miközben a végrehajtás szünetel.
Továbbá, a térképes források és a Bábel elemző kombinálásával, a Firefox hibakereső most megtekintheti az érdeklődésre számot tartó eredeti változókat és elrejti a felesleges információkat a fordítók és a csomagok elől.
Ez akár a konzolon is működhet, automatikusan feloldva a baráti azonosítókat a háttérben a valódi, részletes nevükhöz képest. Teljesítménye miatt ezt a szolgáltatást külön engedélyeznie kell a hibakereső "Hatókörök" ablaktábláján a "Térkép" jelölőnégyzet bejelölésével.
Eltérő, Ebben a Firefox DevTools frissítésben a hibakereső architektúra sok régóta fennálló hibáját kijavították a leggyakrabban előforduló és frusztráló problémák megoldása, amelyek a töréspontok hiányával és a rossz szkript betörésével kapcsolatosak.
Az eszközt tovább fejlesztették, hogy a JavaScript-fejlesztők átláthatóbb hibakeresést végezhessenek.
Hasonlóképpen, amint azt a DevTools Firefox csapata kifejtette, a webfejlesztők manapság a modern webet használják, és képesnek kell lenniük arra, hogy kihasználják a DevTools világszínvonalú koncepcióit.
Az új Szálak panel segítségével válthat a különböző végrehajtási kontextusok között, és önállóan felfüggesztheti azokat. Ez lehetővé teszi a szkriptek hibakeresését ugyanazon a hibakereső panelen, ugyanúgy, mint a többi modern böngészőt.
Mindezek ellenére egyesek úgy vélik, hogy a Firefox webfejlesztő eszköze még mindig lemaradt a Chrome-ról.
Szerintük a Firefox DevTools egyes funkciói, amelyek a Chrome DevTools programban láthatók, még mindig hiányoznak, például a webaljzat hibakeresése.
Ne feledje, hogy a Chrome DevTools egy webfejlesztő eszközkészlet, amely közvetlenül a Google Chrome böngészőbe van integrálva.