A Google bejelentette, hogy a Dart DevTools a semmiből újjáépítette a Flutterben, hogy jobb teljesítményt és nagyobb sokoldalúságot biztosítson a fejlesztőknek.
Flutter a keresztplatformos programozási keretrendszer, amelynek célja, hogy megoldja a többplatformos alkalmazások fejlesztésének gondjait a nem natív kód zűrzavara nélkül. A Dart programozási nyelv ismeretében a fejlesztők Androidra, iOS-re, webre és asztali számítógépekre készíthetnek alkalmazásokat egységes felhasználói felülettel. Flutter 1.9 alfa állapotba hozta a macOS és a Catalina támogatást, míg a A v1.12-es kiadás az alfa előtti állapotot meghaladó támogatást nyújtott és a A Flutter v1.17 és a Dart v2.8 2020-ban jelentették meg első stabil megjelenésüket. A Google ma kiadja a DevTools for Dart and Flutter kód új verzióját, amelyet a semmiből újjáépítettek a Flutterben, és számos fejlesztést tartalmaz.
Az előző bejelentésben a Google megemlítette szándékát, hogy a Dart DevTools jelenlegi verzióját egy új Flutter verzióra cserélje. Ez most megtörtént, mivel az új DevTools a semmiből újjáépült a Flutterben. A DevTools új verziója olyan fejlesztéseket tartalmaz, mint például a teljesítmény- és memóriaoldalak módosítása, valamint egy teljesen új hálózati oldal.
De minek újjáépíteni valamit, amikor még működik? A Flutter mögött álló csapat azt állítja, hogy a termelékenység előnyei fontosak a nagy teljesítmény építésénél UI-k, és az ezekbe az állításokba vetett bizalom bizonyításának legjobb módja, ha ugyanazokat az eszközöket alkalmazzuk maguk. A Flutter újraépítése azt is lehetővé teszi a fejlesztők számára, hogy a kód megírása után válasszanak ki egy disztribúciós modellt, amely egy eltérés a jelenlegi döntéshozatali folyamatábrától, ahol az elosztási modell diktálná a kód.
A DevTools webes alkalmazásként kerül szállításra, amely megkönnyíti az eszköz integrálását a meglévő szerszámozási élménybe az összes célplatformok és IDE-k. A DevTools egy önálló eszközcsomag, amely a böngészőben fut, és működik mobilalkalmazásokhoz, asztali alkalmazásokhoz és webes alkalmazásokhoz. alkalmazásokat.
A DevTools a következő funkciókat tartalmazza:
-
Flutter felügyelő: eszköz a widgetfák megjelenítéséhez és felfedezéséhez. Kiválaszthat widgeteket a futó alkalmazásban, lelassíthatja az összes animációt, megtekintheti a szöveg alapvonalait stb.
- Az egyik új szolgáltatás a Layout Explorer, amelyet a Részletek fa melletti Flutter Inspector lapon találhat meg. A Layout Explorer segítségével ellenőrizheti a Flutter rugalmas elrendezési modelljét. A csapat példát ad arra, hogy ez az eszköz hogyan segíthet annak hibakeresésében, hogy a widgetek sora például miért nem úgy néz ki, ahogyan a fejlesztő várta.
-
Idővonal nézet: megmutatja az egyes képkockák építési idejét és egy lángdiagramot. Ez megkönnyíti a problémás keretek kontextusban történő azonosítását.
- Ez a panel most tartalmazza az új Widget felépítések nyomon követése gombot, amely hozzáadja az összes widget összeállítási idejét alkalmazását az idővonalra (a profilfelépítés teljesítményének rovására – tehát nincs bekapcsolva alapértelmezett). Ez akkor hasznos, ha megpróbálja kideríteni, hogy pontosan mely widgetek vannak egy lassú keret mögött.
-
Memória nézet: megmutatja, hogyan használja az alkalmazás a memóriát egy adott pillanatban.
- Ez a nézet most a lefoglalt memória hőtérképét mutatja, és lehetővé teszi a platformmemória követését is.
- Teljesítménynézet: Ez egy hagyományos CPU profilozó. Lehetővé teszi, hogy rögzítse az alkalmazás munkamenetét, és megnézze, hogy a CPU mely funkciókkal töltötte ideje nagy részét. Ennek segítségével eldöntheti, hol töltse az optimalizálással töltött idejét.
- A DevTools még a sajátját is tartalmazza Hibakereső. Ez akkor lehet hasznos, ha nem használ IDE-t, de szeretne töréspontokat hozzáadni, átlépni a kódon, bekukucskálni a változó értékekbe stb.
- Hálózati nézet: Ez teljesen új.
- Ahogy a neve is sugallja, lehetővé teszi a hálózati forgalom ellenőrzését. Megtekintheti az alkalmazásának indulása óta benyújtott kérelmek teljes előzményét, és részletes információkat kaphat mindegyikről. Ez megszabadítja Önt attól, hogy saját maga naplózza ezeket az eseményeket, amikor megpróbálja hibakeresni a hálózati problémákat.
- A Hálózat lap jelenleg HTTP forgalmat jelenít meg; a jövőbeni fejlesztések közé tartozik a megjelenítés általános aljzat I/O forgalom.
- A hálózati kérések az Idővonal nézetben is megjelennek, így kontextusban is megtekintheti őket.
- Naplózási nézet: eseményeket jelenít meg az alkalmazásból és a keretrendszerből. Ezzel egyszerűen szűrheti az üzeneteket (például megadhatja a "-gc"-t a Garbage Collector-események kiszűréséhez vagy a "flutter.frame"-t, hogy csak a kereteseményeket jelenítse meg). A Dartban az üzenetek naplózása strukturálható, és a Naplózás nézet ezt használja ki.
A DevTools teljes körű használatához olvassa el a dokumentáció. Ha hibát talál, vagy új funkciókra szeretne szavazni, megteheti a továbbiakban GitHub.