Google znova zgradi Dart DevTools iz nič v Flutterju

Flutter je a večplatformni programski okvir, katerega cilj je rešiti težave pri razvoju aplikacij za več platform brez nereda tujerodne kode. Z znanjem programskega jezika Dart lahko razvijalec ustvari aplikacije za Android, iOS, splet in namizje z enotnim uporabniškim vmesnikom za vse. Trepetanje 1.9 prinesel podporo za macOS in Catalina v alfa stanju, medtem ko je izdaja v1.12 je dozorela njihova podpora mimo stanja pred alfa in v1.17 za Flutter in v2.8 za Dart zaznamovali svoje prve stabilne izdaje v letu 2020. Danes Google izdaja novo različico kode DevTools za Dart in Flutter, ki je bila v Flutterju znova izdelana iz nič in ima več izboljšav.

V prejšnji objavi je Google omenil, da namerava trenutno različico orodij Dart DevTools zamenjati z novo različico Flutter. To se je zdaj zgodilo, ko so bila nova orodja DevTools v Flutterju ponovno izdelana iz nič. Ta nova različica orodij DevTools dodaja izboljšave, kot so spremembe na straneh z zmogljivostjo in pomnilnikom, kot tudi popolnoma novo omrežno stran.

Toda zakaj bi nekaj obnavljali, če še vedno deluje? Ekipa, ki stoji za Flutterjem, trdi, da so koristi produktivnosti pomembne pri gradnji visoko zmogljivega uporabniški vmesniki in najboljši način za dokazovanje zaupanja v te trditve je uporaba istih orodij za sebe. Ponovna izgradnja v Flutterju razvijalcem omogoča tudi izbiro distribucijskega modela po pisanju kode, ki je odmik od trenutnega diagrama poteka odločanja, kjer bi distribucijski model narekoval Koda.

DevTools je na voljo kot spletna aplikacija, ki olajša integracijo orodja v obstoječo izkušnjo orodij v vseh ciljne platforme in IDE. DevTools je samostojna zbirka orodij, ki se izvaja v brskalniku in deluje za mobilne aplikacije, namizne aplikacije in splet aplikacije.

DevTools vključuje naslednje funkcije:

• Flutter inšpektor: orodje za vizualizacijo in raziskovanje dreves pripomočkov. Izberete lahko pripomočke v delujoči aplikaciji, upočasnite vse animacije, si ogledate osnovne črte besedila in drugo.
  • Ena od novih funkcij je Layout Explorer, ki ga najdete na zavihku Flutter Inspector poleg drevesa podrobnosti. Layout Explorer vam omogoča pregled Flutterjevega modela postavitve flex. Ekipa podaja primer, kako lahko to orodje pomaga odpraviti napake, zakaj na primer vrstica pripomočkov ni videti tako, kot je pričakoval razvijalec.

• Pogled na časovnico: prikazuje čas gradnje za vsak okvir in diagram plamena. To olajša prepoznavanje problematičnih okvirjev v kontekstu.
  • To podokno zdaj vključuje nov gumb Sledi gradnji gradnikov, ki doda čas gradnje vseh gradnikov v vašo aplikacijo na časovnico (na račun uspešnosti gradnje vašega profila – tako da ni vklopljena do privzeto). To je priročno, ko poskušate ugotoviti, kateri pripomočki točno so za počasnim okvirjem.

• Pogled pomnilnika: prikazuje, kako vaša aplikacija uporablja pomnilnik v danem trenutku.
  • Ta pogled zdaj prikazuje toplotni zemljevid dodeljenega pomnilnika in omogoča tudi sledenje pomnilniku platforme.

• Pogled na uspešnost: To je tradicionalni CPE profiler. Omogoča vam snemanje seje vaše aplikacije in ogled, pri katerih funkcijah je procesor porabil večino časa. To lahko uporabite, da se odločite, kje boste porabili svoj čas za optimizacijo.
• DevTools celo vključuje svoje Odpravljalnik napak. To je lahko uporabno, če ne uporabljate IDE, vendar vseeno želite možnost dodajanja prekinitvenih točk, korakanja skozi kodo, pokukanja v vrednosti spremenljivk itd.

• Omrežni pogled: To je popolnoma novo.
  • Kot pove že ime, vam omogoča pregledovanje omrežnega prometa. Ogledate si lahko celotno zgodovino zahtev, ki jih je vaša aplikacija poslala od začetka, in dobite podrobne informacije o vsaki. To vas osvobodi tega, da bi morali sami beležiti te dogodke, ko poskušate odpraviti napako v omrežju.
  • Zavihek Omrežje trenutno prikazuje promet HTTP; prihodnje izboljšave vključujejo prikazovanje splošni V/I promet vtičnice.
  • Omrežne zahteve so prikazane tudi v pogledu časovnice, tako da jih lahko vidite v kontekstu.
• Pogled beleženja: prikazuje dogodke iz vaše aplikacije in okvira. Z njim lahko enostavno filtrirate sporočila (na primer, lahko določite "-gc", da filtrirate dogodke zbiralnika smeti, ali "flutter.frame", da prikažete samo dogodke okvirjev). V Dartu beleženje sporočil lahko strukturiran, in pogled beleženja to uporablja.

Če želite v celoti uporabiti DevTools, lahko preberete dokumentacijo. Če najdete kakršne koli napake ali če želite glasovati o novih funkcijah, lahko to storite naprej GitHub.