Google rakentaa Dart DevToolsin uudelleen alusta alkaen Flutterissa

Flutter on a monialustainen ohjelmointikehys, jonka tavoitteena on ratkaista monia alustojen välisten sovellusten kehittämiseen liittyvät ongelmat ilman ei-natiivikoodin sotkua. Dart-ohjelmointikielen tuntemuksensa ansiosta kehittäjä voi rakentaa sovelluksia Androidille, iOS: lle, webille ja työpöytäkoneille, joilla on yhtenäinen käyttöliittymä. Flutter 1.9 toi macOS- ja Catalina-tuen alfa-tilaan versio 1.12 on kypsynyt heidän tukensa yli pre-alpha-tilan ja Flutterin v1.17 ja Dartin v2.8 merkitsi ensimmäiset vakaat julkaisunsa vuonna 2020. Google julkaisee tänään uuden version DevTools for Dart and Flutter -koodista, joka on rakennettu alusta alkaen Flutterissa ja sisältää useita parannuksia.

Edellisessä ilmoituksessa Google oli maininnut aikovansa vaihtaa Dart DevToolsin nykyisen version uuteen Flutter-versioon. Tämä on nyt tapahtunut, kun uudet DevTools on rakennettu uudelleen alusta Flutterissa. Tämä uusi DevToolsin versio lisää parannuksia, kuten muutoksia suorituskyky- ja muistisivuihin, sekä täysin uuden verkkosivun.

Mutta miksi rakentaa jotain uudelleen, kun se vielä toimii? Flutterin takana oleva tiimi väittää, että tuottavuusedut ovat tärkeitä korkean suorituskyvyn rakentamisessa Käyttöliittymät, ja paras tapa osoittaa luottamusta näihin väitteisiin on ottaa käyttöön samat työkalut itse. Flutterin uudelleenrakentaminen antaa kehittäjille mahdollisuuden valita jakelumallin koodin kirjoittamisen jälkeen, mikä on poikkeama nykyisestä päätöksenteon vuokaaviosta, jossa jakelumalli sanelee koodi.

DevTools toimitetaan verkkosovelluksena, joka helpottaa työkalun integrointia olemassa olevaan työkalukokemukseen kaikissa kohdealustoille ja IDE: ille. DevTools on itsenäinen työkalusarja, joka toimii selaimessa ja toimii mobiilisovelluksissa, työpöytäsovelluksissa ja verkossa sovelluksia.

DevTools sisältää seuraavat ominaisuudet:

• Flutterin tarkastaja: työkalu widget-puiden visualisointiin ja tutkimiseen. Voit valita widgetejä käynnissä olevasta sovelluksesta, hidastaa kaikkia animaatioita, nähdä tekstin perusviivat ja paljon muuta.
  • Yksi uusista ominaisuuksista on Layout Explorer, joka löytyy Flutter Inspector -välilehdestä Details Treen vieressä. Layout Explorerin avulla voit tarkastella Flutterin joustavaa asettelumallia. Tiimi antaa esimerkin siitä, kuinka tämä työkalu voi auttaa selvittämään, miksi widgetirivi ei esimerkiksi näytä siltä, ​​kuin kehittäjä oli odottanut.

• Aikajananäkymä: näyttää kunkin kehyksen rakennusajat ja liekkikaavion. Tämä helpottaa ongelmallisten kehysten tunnistamista kontekstissa.
  • Tämä ruutu sisältää nyt uuden Track Widget Builds -painikkeen, joka lisää kaikkien widgetien rakennusajat sovelluksesi aikajanalle (profiilikoonnoksen suorituskyvyn kustannuksella, joten se ei ole päällä oletus). Tämä on kätevää, kun yrität selvittää, mitkä widgetit ovat tarkalleen hitaiden kehysten takana.

• Muistinäkymä: näyttää kuinka sovelluksesi käyttää muistia tietyllä hetkellä.
  • Tämä näkymä näyttää nyt lämpökartan varatusta muistista ja mahdollistaa myös alustan muistin seurannan.

• Suorituskykynäkymä: Tämä on perinteinen suorittimen profilointi. Sen avulla voit tallentaa sovelluksesi istunnon ja nähdä, missä toiminnoissa suoritin vietti suurimman osan ajastaan. Voit käyttää tätä päättääksesi, mihin vietät aikaasi optimointiin.
• DevTools sisältää jopa omansa Virheen korjaaja. Tästä voi olla hyötyä, jos et käytä IDE: tä, mutta haluat silti mahdollisuuden lisätä keskeytyskohtia, siirtyä koodin läpi, kurkistaa muuttuviin arvoihin ja niin edelleen.

• Verkkonäkymä: Tämä on täysin uusi.
  • Kuten sen nimestä voi päätellä, sen avulla voit tarkastaa verkkoliikennettä. Näet koko sovelluksesi tekemien pyyntöjen historian sen käynnistymisen jälkeen ja saat yksityiskohtaisia ​​tietoja jokaisesta. Näin sinun ei tarvitse kirjata näitä tapahtumia itse, kun yrität korjata verkko-ongelmaa.
  • Verkko-välilehti näyttää tällä hetkellä HTTP-liikenteen; tuleviin parannuksiin kuuluu näyttäminen yleinen pistorasia I/O-liikenne.
  • Verkkopyynnöt näkyvät myös Aikajana-näkymässä, jotta voit nähdä ne kontekstissa.
• Kirjausnäkymä: näyttää tapahtumia sovelluksestasi ja kehyksestä. Sen avulla voit helposti suodattaa viestejä (voit esimerkiksi määrittää "-gc" suodattamaan Garbage Collector -tapahtumat tai "flutter.frame" näyttää vain kehystapahtumat). Dartissa viestien kirjaaminen voidaan jäsentää, ja lokinäkymä hyödyntää sitä.

Voit käyttää DevToolsia täydellisesti lukemalla dokumentointi. Jos löydät vikoja tai haluat äänestää uusista ominaisuuksista, voit tehdä sen edelleen GitHub.