Virheenkorjaustyökalut ja -tekniikat
Ottakaa haltuun Flutterin virheenkorjaustyökalut, kuten DevTools, keskeytyspisteet ja lokitus, ongelmien tehokkaaseen tunnistamiseen ja ratkaisemiseen.
Virheenkorjaustyökalut ja -tekniikat on ilmainen Mobiilikehitys Flutterilla-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Mobiilikehitys Flutterilla-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Mobiilikehitys Flutterilla-kurssilla on yhteensä 4 oppituntia.
Mitä virheenkorjaus on
Virheenkorjaus on prosessi, jossa koodista etsitään ja korjataan virheitä eli bugeja. Se on olennainen taito jokaiselle kehittäjälle.
Hyvin virheenkorjattu sovellus on vakaa, toimii odotetusti ja tarjoaa hyvän käyttökokemuksen.
Tutustu Flutter DevToolsiin
Flutter DevTools on tehokas työkalukokonaisuus Flutter-sovellusten virheenkorjaukseen ja profilointiin. Sen avulla ymmärrätte sovelluksen käyttöliittymää, suorituskykyä ja muistin käyttöä.
Ajatelkaa sitä Flutter-sovelluksen diagnostiikkakeskuksena!
DevToolsin avaaminen
Voitte käynnistää DevToolsin suoraan kehitysympäristöstänne, kuten VS Codesta tai Android Studiosta, kun Flutter-sovellus on käynnissä. Etsikää painiketta nimeltä 'Dart DevTools' tai 'Open DevTools'.
Vaihtoehtoisesti suorittakaa päätteessä komennot flutter pub global activate devtools ja sen jälkeen flutter pub global run devtools.
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('DevTools Demo')),
body: Center(
child: Text('Hello, Debugger!'),
),
),
);
}
}Käyttöliittymän virheenkorjaus Inspectorilla
DevToolsin Widget Inspector -työkalulla voitte tarkastella sovelluksen käyttöliittymäpuuta visuaalisesti. Voitte valita minkä tahansa ruudulla olevan widgetin ja nähdä sen ominaisuudet, asettelurajoitteet ja renderöintilaatikon tiedot.
Tämä auttaa ymmärtämään, miksi widgetit sijoittuvat tai kooltaan määräytyvät tietyllä tavalla.
Suorituskyky ja diagnostiikka
Inspectorin lisäksi DevTools tarjoaa välilehdet Performance-, Memory- ja Network-analyysiä varten. Niiden avulla voidaan tunnistaa pullonkauloja, muistivuotoja ja verkkopyyntöihin liittyviä ongelmia.
Debugger-välilehdellä hallitaan keskeytyskohtia ja suoritetaan Dart-koodia vaiheittain.
Keskeytyskohdat: suorituksen pysäyttäminen
Keskeytyskohta on koodiin asetettava erityinen merkintä. Kun ohjelma saavuttaa keskeytyskohdan, sen suoritus pysähtyy täsmälleen kyseiselle riville.
Tämän ansiosta voitte tarkastella muuttujien arvoja ja kutsupinoa sekä ymmärtää ohjelman tilan tietyllä hetkellä.
Keskeytyskohdan asettaminen
Useimmissa kehitysympäristöissä keskeytyskohdan voi asettaa napsauttamalla koodirivin vieressä rivinumeroiden vasemmalla puolella olevaa aluetta.
Kokeilkaa asettaa keskeytyskohta alla olevaan _incrementCounter-metodiin ja napauttakaa sitten painiketta.
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++; // Set a breakpoint here!
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Breakpoints')),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Counter: $_counter'),
ElevatedButton(
onPressed: _incrementCounter,
child: Text('Increment'),
),
],
),
),
),
);
}
}Koodin suorituksen seuraaminen
Kun suoritus on pysäytetty keskeytyskohtaan, käytettävissänne on useita vaihtoehtoja:
- Step Over: Suorittaa nykyisen rivin ja siirtyy seuraavalle riville.
- Step Into: Jos nykyinen rivi sisältää funktiokutsun, siirtyy kyseisen funktion sisälle.
- Step Out: Poistuu nykyisestä funktiosta ja palaa kohtaan, josta sitä kutsuttiin.
- Continue: Jatkaa normaalia suoritusta seuraavaan keskeytyskohtaan tai ohjelman loppuun asti.
Yksinkertainen lokitus `print`-komennolla
Voitte käyttää nopeisiin tarkistuksiin print()-funktiota viestien tulostamiseen konsoliin. Flutter tarjoaa kuitenkin debugPrint()-funktion, joka sopii paremmin tuotantosovelluksiin.
debugPrint() estää tulosteen katoamisen, kun dataa on liikaa, erityisesti Androidissa.
import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart'; // For debugPrint
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
void _logMessage() {
print('This is a regular print message.');
debugPrint('This is a debugPrint message, better for Flutter!');
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Logging Demo')),
body: Center(
child: ElevatedButton(
onPressed: _logMessage,
child: Text('Log it!'),
),
),
),
);
}
}Virheenkorjauksen tietotesti
Olette oppineet Flutterin keskeisistä virheenkorjaustyökaluista ja -tekniikoista. Testataan ymmärrystänne!
Oppitunnin yhteenveto
Hienoa työtä! Olette saavuttaneet tässä oppitunnissa perustason ymmärryksen Flutterin virheenkorjauksesta.
- Tutustuimme Flutter DevToolsiin, kattavaan virheenkorjaustyökalukokonaisuuteen.
- Opitte käyttämään keskeytyskohtia suorituksen pysäyttämiseen ja sovelluksen tilan tarkasteluun.
- Käsittelimme myös yksinkertaista lokitusta
print()- jadebugPrint()-funktioilla.
Nämä taidot ovat välttämättömiä vakaiden ja virheettömien Flutter-sovellusten rakentamisessa!
Opi Dart tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 22
- Oppitunnit
- 88
Usein kysytyt kysymykset
Onko oppitunti ”Virheenkorjaustyökalut ja -tekniikat” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Mobiilikehitys Flutterilla-oppimispolun 3 oppituntia, myös oppitunnin “Virheenkorjaustyökalut ja -tekniikat”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Mobiilikehitys Flutterilla-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Virheenkorjaustyökalut ja -tekniikat”?
Ottakaa haltuun Flutterin virheenkorjaustyökalut, kuten DevTools, keskeytyspisteet ja lokitus, ongelmien tehokkaaseen tunnistamiseen ja ratkaisemiseen. Harjoittelet Mobiilikehitys Flutterilla-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Mobiilikehitys Flutterilla-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Mobiilikehitys Flutterilla-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.
Kuinka kauan ”Virheenkorjaustyökalut ja -tekniikat”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Mobiilikehitys Flutterilla-oppitunnilla?
Kyllä. Jokainen Mobiilikehitys Flutterilla-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Widget-testauksen periaatteet
- Integraatiotestaus
- Virheenkorjaustyökalut ja -tekniikat
- Yksikkötestaus ja mockaus