Google reconstruiește Dart DevTools de la zero în Flutter

Flutter este o cadru de programare multiplatformă, care urmărește să rezolve problemele dezvoltării de aplicații multiplatformă fără mizeria codului non-nativ. Cu cunoștințe despre limbajul de programare Dart, un dezvoltator poate crea aplicații pentru Android, iOS, web și desktop cu o interfață de utilizare unificată pentru toate. Flutter 1.9 a adus suport pentru macOS și Catalina într-o stare alfa în timp ce Versiunea v1.12 și-a maturizat suportul dincolo de starea pre-alfa si v1.17 din Flutter și v2.8 din Dart au marcat primele lansări stabile în 2020. Astăzi, Google lansează o nouă versiune a DevTools pentru codul Dart și Flutter, care a fost reconstruită de la zero în Flutter și vine cu câteva îmbunătățiri.

În anunțul anterior, Google a menționat intenția sa de a schimba versiunea actuală a Dart DevTools cu o nouă versiune Flutter. Acest lucru s-a întâmplat acum, deoarece noul DevTools a fost reconstruit de la zero în Flutter. Această nouă versiune a DevTools adaugă îmbunătățiri, cum ar fi modificări ale paginilor de performanță și memorie, precum și o pagină de rețea complet nouă.

Dar de ce să reconstruiești ceva când încă funcționează? Echipa din spatele Flutter susține că beneficiile de productivitate sunt importante atunci când se construiește performanță înaltă Interfețele de utilizator și cea mai bună modalitate de a demonstra încrederea în aceste afirmații este adoptarea acelorași instrumente pentru înșiși. Reconstruirea în Flutter le permite dezvoltatorilor să selecteze un model de distribuție după scrierea codului, care este o abatere de la diagrama curentă de luare a deciziilor în care modelul de distribuție ar dicta cod.

DevTools se livrează ca o aplicație web care facilitează integrarea instrumentului în experiența de instrumentare existentă în toate platforme țintă și IDE-uri. DevTools este o suită autonomă de instrumente care rulează în browser și funcționează pentru aplicații mobile, aplicații desktop și web aplicații.

DevTools încorporează următoarele caracteristici:

• Flutter Inspector: un instrument pentru vizualizarea și explorarea arborilor widget. Puteți selecta widget-uri în aplicația care rulează, puteți încetini toate animațiile, puteți vedea liniile de bază ale textului și multe altele.
  • Una dintre noile funcții este Layout Explorer, pe care o puteți găsi în fila Flutter Inspector de lângă Arborele de detalii. Layout Explorer vă permite să inspectați modelul de aspect flexibil al lui Flutter. Echipa oferă un exemplu despre modul în care acest instrument poate ajuta la depanarea de ce un rând de widget-uri nu arată așa cum se așteptase dezvoltatorul, de exemplu.

• Vizualizare cronologie: arată timpii de construcție pentru fiecare cadru și o diagramă a flăcării. Acest lucru facilitează identificarea cadrelor problematice în context.
  • Acest panou încorporează acum noul buton Track Widget Builds, care adaugă timpii de construcție a tuturor widget-urilor aplicația dvs. la cronologie (în detrimentul performanței creării profilului dvs., deci nu este pornită până la Mod implicit). Acest lucru este util atunci când încercați să aflați exact ce widget-uri se află în spatele unui cadru lent.

• Vizualizare memorie: vă arată modul în care aplicația dvs. folosește memoria la un moment dat.
  • Această vizualizare arată acum o hartă termică a memoriei alocate și permite și urmărirea memoriei platformei.

• Vizualizare performanță: Acesta este un profiler CPU tradițional. Vă permite să înregistrați o sesiune a aplicației și să vedeți în ce funcții și-a petrecut CPU cea mai mare parte a timpului. Puteți folosi acest lucru pentru a decide unde să vă petreceți timpul optimizând.
• DevTools include chiar și propriile sale Depanator. Acest lucru poate fi util dacă nu utilizați un IDE, dar doriți totuși opțiunea de a adăuga puncte de întrerupere, de a parcurge codul, de a arunca o privire asupra valorilor variabilelor și așa mai departe.

• Vizualizare rețea: aceasta este complet nouă.
  • După cum sugerează și numele, vă permite să inspectați traficul de rețea. Puteți vedea întregul istoric al solicitărilor pe care aplicația dvs. le-a făcut de la început și puteți obține informații detaliate despre fiecare. Acest lucru vă eliberează de a trebui să înregistrați aceste evenimente pe cont propriu atunci când încercați să depanați o problemă de rețea.
  • Fila Rețea arată în prezent traficul HTTP; îmbunătățirile viitoare includ afișarea trafic general I/O socket.
  • Solicitările de rețea sunt afișate și în vizualizarea Cronologie, astfel încât să le puteți vedea în context.
• Vedere de înregistrare: arată evenimentele din aplicația dvs. și din cadrul. Cu acesta, puteți filtra cu ușurință mesajele (de exemplu, puteți specifica „-gc” pentru a filtra evenimentele Garbage Collector sau „flutter.frame” pentru a afișa numai evenimentele cadru). În Dart, înregistrarea mesajelor poate fi structurat, iar vizualizarea Înregistrare folosește asta.

Pentru a utiliza pe deplin DevTools, puteți citi documentul documentație. Dacă găsiți erori sau dacă doriți să votați pentru funcții noi, puteți face acest lucru mai departe GitHub.