Mozilla ilmoitti tällä viikolla uusista päivityksistä Firefox DevToolsiin, kehitystyökalusi HTML: n, CSS: n ja JavaScriptin tutkimiseen, muokkaamiseen ja virheenkorjaukseen tietokoneilla tai mobiililaitteilla.
Päivitykset, joista Firefox DevTools -tiimi ilmoitti, viittaavat lähinnä virheenkorjaukseen Firefox DevTools -sovelluksella ja niiden tavoitteena on tuoda kehittäjille enemmän luotettavuutta ja suorituskykyä erityisesti nykyaikaisten verkkosovellusten rakentamisessa.
Tämän uuden päivityksen myötä Mozilla on luvannut Firefox 67: n ja sitä uudempien versioiden käyttäjille vankan virheenkorjauskokemuksen.
Komentosarjojen virheenkorjaus on yksi DevToolsin tehokkaimmista ja monimutkaisimmista tuottavuusominaisuuksista.
Firefox 67: n päivitetyn Firefox DevTools -version avulla kehittäjät voivat saada nopeuden ja luotettavuuden virheenkorjausprosessissaan ja parantaa sen suorituskykyä.
Mitä uutta Firefox DevToolsissa on?
Firefox DevTools -tiimin mukaan luudet DevTools-ominaisuudet kiertävät neljää avainkohtaa, mukaan lukien
- Nopein latausaika
- Uusittu lähdekarttatuki
- Yleiskustannusten vähennys, kun virheenkorjainta ei ole kohdennettu
- Korjaa joihinkin puuttuviin katkaisupisteisiin, virheellisiin komentosarjakatkoihin ja moniin muihin liittyviin ongelmiin.
DevTools Firefox avautuu 30% nopeammin
Debuggerin aukiolo on nyt 30% nopeampi kuin aiemmat versiot. DevTools Firefox -tiimi on selittänyt sen He ovat poistaneet huonoimman suorituskyvyn, jonka virheenkorjaus aiheutti avattu hitaasti, mikä on osoittanut suorituskykytestien jälkeen, että virheenkorjain on nyt 30% nopeampi.
Parannettu lähdekartta
Sitten joukkue sanoi sen uudistettu ja nopeampi lähdekarttalähde antaa harhaa, että virheenkorjaat koodiasi, ei Babelin, Webpackin, TypeScriptin, view.js: n jne.
Lähdekartta on tiedosto, jonka avulla virheenkorjaaja voi linkittää suoritetun koodin alkuperäisiin lähdetiedostoihin, jolloin selain voi rakentaa alkuperäisen lähteen uudelleen ja näyttää sen virheenkorjaimessa.
Oikean karttalähteen luominen voi olla vaikeaa, selitti työkalut (Babel, Vue.js, jne.) Kehittänyt ryhmä koko ekosysteemin hyödyksi.
Nopeammalla lähdekarttatuella (ja muulla lisätyöllä) esikatselut näkyvät nyt paljon nopeammin, kun hiiren osoitin muuttujan päällä suorituksen ollessa keskeytetty.
Lisäksi, yhdistämällä karttalähteet Babelin jäsentimeen, Firefox-virheenkorjaus nyt voit esikatsella kiinnostavia alkuperäisiä muuttujia ja piilottaa tarpeettomat tiedot kääntäjiltä ja paketeilta.
Se voi jopa toimia konsolissa ja ratkaista ystävälliset tunnukset automaattisesti niiden todellisille, yksityiskohtaisille nimille taustalla. Suorituskyvyn vuoksi sinun on otettava tämä ominaisuus käyttöön erikseen valitsemalla "Kartta" -ruutu virheenkorjaimen "Soveltamisalueet" -ruudusta.
Muu kuin Tässä Firefox DevTools -päivityksessä monet virheenkorjausarkkitehtuurin pitkäaikaiset virheet on korjattu ratkaista joitain yleisimpiä ja turhauttavimpia ongelmia, jotka liittyvät katkaisupisteiden puuttumiseen ja väärään komentosarjaan murtautumiseen.
Työkalua on myös parannettu, jotta JavaScript-kehittäjät voivat debugoida avoimemmin.
Vastaavasti, kuten DevTools Firefox -tiimi selitti, verkkokehittäjät käyttävät nykyään modernia verkkoa, ja heidän pitäisi pystyä hyödyntämään DevToolsin maailmanluokan konsepteja.
Uuden säikeet-paneelin avulla voit vaihtaa eri suoritusyhteyksien välillä ja keskeyttää ne itsenäisesti. Tämä sallii komentosarjojen virheenkorjauksen samassa virheenkorjauspaneelissa samalla tavalla kuin muut modernit selaimet.
Jotkut sanovat, jotkut uskovat, että Firefoxin verkkokehitystyökalu on edelleen jäljessä Chromen.
Heidän mukaansa jotkin Chrome DevTools -sovelluksessa näkyvät Firefox DevTools -ominaisuudet puuttuvat edelleen, kuten verkkopistokkeiden virheenkorjaus.
Muista, että Chrome DevTools on joukko verkkokehitystyökaluja, jotka on integroitu suoraan Google Chrome -selaimeen.