„Google“ atkuria „Dart DevTools“ nuo nulio „Flutter“.

click fraud protection

„Google“ paskelbė, kad „Flutter“ atkūrė „Dart DevTools“ nuo nulio, kad kūrėjams būtų užtikrintas geresnis našumas ir didesnis universalumas.

Flutter yra a kelių platformų programavimo sistema, kuriuo siekiama išspręsti kelių platformų programų kūrimo bėdas be nevietinio kodo netvarkos. Žinodamas „Dart“ programavimo kalbą, kūrėjas gali kurti programas, skirtas „Android“, „iOS“, žiniatinkliui ir darbalaukiui su vieninga vartotojo sąsaja. Flutter 1.9 atnešė „macOS“ ir „Catalina“ palaikymą į alfa būseną 1.12 versijos leidimas išlaikė savo palaikymą anksčiau nei buvo alfa būsena ir „Flutter“ v1.17 ir „Dart“ v2.8 pažymėjo savo pirmuosius stabilius leidimus 2020 m. Šiandien „Google“ išleidžia naują „DevTools for Dart and Flutter“ kodo versiją, kuri buvo perkurta nuo nulio „Flutter“ ir pateikiama su keliais patobulinimais.

Ankstesniame pranešime „Google“ paminėjo savo ketinimą pakeisti dabartinę „Dart DevTools“ versiją nauja „Flutter“ versija. Taip atsitiko dabar, nes naujieji „DevTools“ buvo atstatyti nuo nulio „Flutter“. Ši nauja DevTools versija papildo patobulinimus, pvz., našumo ir atminties puslapių pakeitimus, taip pat visiškai naują tinklo puslapį.

Bet kam ką nors atstatyti, kai jis vis dar veikia? „Flutter“ komanda teigia, kad produktyvumo nauda yra svarbi kuriant aukštą našumą UI, o geriausias būdas parodyti pasitikėjimą šiais teiginiais yra naudoti tas pačias priemones patys. „Flutter“ atkūrimas taip pat leidžia kūrėjams parašius kodą pasirinkti platinimo modelį, kuris yra nukrypimas nuo dabartinės sprendimų priėmimo schemos, kurioje paskirstymo modelis diktuotų kodas.

„DevTools“ pristatoma kaip žiniatinklio programa, leidžianti lengviau integruoti įrankį į esamą įrankių patirtį visose tikslines platformas ir IDE. „DevTools“ yra atskiras įrankių rinkinys, veikiantis naršyklėje ir tinkamas programoms mobiliesiems, darbalaukio programoms ir žiniatinklyje. programėlės.

DevTools apima šias funkcijas:

  • Plazdėjimo inspektorius: įrankis, skirtas vizualizuoti ir tyrinėti valdiklių medžius. Galite pasirinkti valdiklius veikiančioje programoje, sulėtinti visas animacijas, matyti pagrindines teksto linijas ir dar daugiau.
    • Viena iš naujų funkcijų yra „Layout Explorer“, kurią galite rasti skirtuke „Flutter Inspector“, esančiame šalia informacijos medžio. „Layout Explorer“ leidžia patikrinti „Flutter“ lankstaus išdėstymo modelį. Komanda pateikia pavyzdį, kaip šis įrankis gali padėti derinti, kodėl, pavyzdžiui, valdiklių eilutė atrodo ne taip, kaip kūrėjas tikėjosi.
Plazdėjimo inspektorius
  • Laiko juostos vaizdas: rodo kiekvieno kadro kūrimo laiką ir liepsnos diagramą. Tai leidžia lengvai nustatyti probleminius rėmus kontekste.
    • Šioje srityje dabar yra naujas mygtukas Stebėti valdiklių kūrimą, kuris prideda visų valdiklių kūrimo laiką jūsų programa į laiko juostą (jūsų profilio kūrimo našumo sąskaita, todėl ji neįjungta numatytas). Tai patogu, kai bandote išsiaiškinti, kurie valdikliai yra už lėto kadro.
Rėmelių atvaizdavimo diagrama
  • Atminties vaizdas: parodo, kaip programa tam tikru momentu naudoja atmintį.
    • Šiame rodinyje dabar rodomas skirtos atminties šilumos žemėlapis ir taip pat galima sekti platformos atmintį.
Atminties anatomija
  • Našumo vaizdas: Tai tradicinis procesoriaus profiliuotojas. Tai leidžia įrašyti programos seansą ir pamatyti, kuriose funkcijose CPU praleido didžiąją laiko dalį. Tai galite naudoti norėdami nuspręsti, kur praleisti laiką optimizuodami.
  • „DevTools“ netgi apima savo Derintuvas. Tai gali būti naudinga, jei nenaudojate IDE, bet vis tiek norite įtraukti lūžio taškus, pereiti per kodą, peržiūrėti kintamąsias reikšmes ir pan.
Derintuvas
  • Tinklo vaizdas: tai visiškai nauja.
    • Kaip rodo pavadinimas, jis leidžia patikrinti tinklo srautą. Galite peržiūrėti visą programos užklausų istoriją nuo pat jos pradžios ir gauti išsamios informacijos apie kiekvieną užklausą. Taip jums nereikės patiems registruoti šių įvykių, kai bandote derinti tinklo problemą.
    • Tinklo skirtuke šiuo metu rodomas HTTP srautas; būsimi patobulinimai apima rodymą bendras lizdo I/O srautas.
    • Tinklo užklausos taip pat rodomos laiko juostos rodinyje, kad galėtumėte jas matyti kontekste.
  • Registravimo vaizdas: rodo įvykius iš jūsų programos ir sistemos. Su juo galite lengvai filtruoti pranešimus (pavyzdžiui, galite nurodyti „-gc“, kad filtruotumėte šiukšlių rinkėjo įvykius, arba „flutter.frame“, kad būtų rodomi tik kadrų įvykiai). „Dart“ registruoja pranešimus gali būti struktūrizuotas, o registravimo rodinys tuo pasinaudoja.

Norėdami visiškai išnaudoti DevTools, galite perskaityti dokumentacija. Jei radote klaidų arba norite balsuoti dėl naujų funkcijų, galite tai padaryti toliau GitHub.