Sel nädalal teatas Mozilla Firefox DevToolsi uutest värskendustest, teie arendustööriist HTML-i, CSS-i ja JavaScripti uurimiseks, muutmiseks ja silumiseks arvutites või mobiilseadmetes.
Värskendused, millest Firefox DevToolsi meeskond teatas, viitavad peamiselt Firefoxi DevToolsi abil silumisele ja nende eesmärk on tuua arendajatele rohkem usaldusväärsust ja jõudlust, eriti kaasaegsete veebirakenduste loomisel.
Selle uue värskendusega Mozilla on lubanud Firefox 67 ja uuemate versioonide kasutajatele tugevat silumiskogemust.
Skripti silumine on DevToolsi üks võimsamaid ja keerukamaid tootlikkusfunktsioone.
Firefox 67 värskendatud versioon Firefox DevTools võimaldab arendajatel saada silumisprotsessis rohkem kiirust ja usaldusväärsust ning parandada selle toimivust.
Mida uut on Firefox DevTools'is?
Firefoxi DevToolsi meeskonna sõnul on luued DevToolsi funktsioonid keerlevad nelja põhipunkti ümber, kaasa arvatud
- Kiireim laadimisaeg
- Uuendatud allikakaardi tugi
- Üldkulude vähenemine, kui silur on sihtimata
- Parandage mõned probleemid, mis on seotud puuduvate katkestuspunktide, vale skripti katkestuste ja paljude muude probleemidega.
DevTools Firefox avaneb 30% kiiremini
Silurite avatud aeg on nüüd 30% kiirem kui eelmised versioonid. DevToolsi Firefoxi meeskond on seda selgitanud Nad on eemaldanud halvima jõudluse, mille silur põhjustas avanes aeglaselt, mis on pärast jõudlusteste näidanud, et silur on nüüd 30% kiirem.
Täiustatud allikakaart
Siis meeskond ütles seda uuendatud ja kiirem allika-kaardi allikas annab illusiooni, et silute oma koodi, mitte Babeli, Webpacki, TypeScripti, view.js jne kompileeritud väljundit.
Allikakaart on fail, mille kaudu silur saab käivitatud koodi linkida algsete lähtefailidega, võimaldades brauseril algallikat uuesti üles ehitada ja siluril kuvada.
Õigete kaardiallikate loomine võib olla keeruline, selgitas kogu ökosüsteemi kasuks tööriistu (Babel, Vue.js jt) välja töötanud meeskond.
Kiirema lähtekaardi toe (ja muu lisatöö) korral kuvatakse eelvaated nüüd muutuja kohal hõljutades palju kiiremini, kui täitmine on peatatud.
Lisaks ühendades kaardiallikad Paabeli parseriga, Firefoxi silur nüüd saate eelvaate huvipakkuvatele algsetele muutujatele ning peida mittevajalik teave koostajate ja pakettide eest.
See võib töötada isegi konsoolil, lahendades sõbralikud ID-d automaatselt nende tegelike, üksikasjalike nimede taustal. Selle toimivuse tõttu peate selle funktsiooni lubama eraldi, märkides siluri silumispaani „Reguleerimisala” ruudu „Kaart”.
Peale selle Selles Firefoxi DevToolsi värskenduses on paljud siluri arhitektuuri pikaajalised vead parandatud mõne levinuma ja pettumust valmistava probleemi lahendamine, mis on seotud katkestuspunktide puudumise ja valesse skripti sissemurdmisega.
Samuti on tööriista täiustatud, et JavaScripti arendajad saaksid läbipaistvamalt siluda.
Samamoodi, nagu selgitas DevToolsi Firefoxi meeskond, kasutavad veebiarendajad tänapäevast veebi ja peaksid saama DevToolsi maailmatasemel kontseptsioonidest kasu saada.
Uue paneeli Threads abil saate vahetada erinevate täitmiskontekstide vahel ja peatada need iseseisvalt. See võimaldab skripte siluda samal silurpaneelil samamoodi nagu teisi tänapäevaseid brausereid.
Kõik see ütles: mõned usuvad, et Firefoxi veebiarendustööriist on Chrome'i taga veel taga.
Nende sõnul on mõned Firefox DevToolsi funktsioonid, mida näete Chrome DevToolsis, endiselt puudu, näiteks veebipesade silumine.
Pidage meeles, et Chrome DevTools on veebiarendustööriistade komplekt, mis on integreeritud otse Google Chrome'i brauserisse.