✅ WEB- och WordPress -nyheter, teman, plugins. Här delar vi tips och bästa webbplatslösningar.

En introduktion till felsökning

4

I det senaste inlägget i den här serien gick jag igenom processen att integrera Xdebug med din IDE. Och med tanke på att jag har använt Visual Studio Code som mitt val av IDE, är det också den IDE jag använder som exempel.

Dessutom är det plattformsoberoende, lätt nog att komma igång för nybörjare, men kraftfullt nog att utöka och fungera för mer erfarna programmerare (och för oss andra som hamnar däremellan).

I förra inlägget sa jag att jag skulle göra en serie screencasts. Specifikt skrev jag följande:

Med början i nästa inlägg kommer jag att börja dela några skärmsändningar som går igenom hur man felsöker funktioner och variabler, ändrar värden i farten, arbetar med felsökningskonsolen och mer.

I det här inlägget kommer jag att ha en kort screencast som ger en introduktion till felsökning av WordPress den första delen av den här serien. Nämligen lansera en instans av en webbplats byggd med WordPress och använda grunderna för att felsöka ett plugin.

En introduktion till felsökning

Eftersom den här screencasten är den första i en serie och eftersom jag inte vill anta att en person har tidigare erfarenhet, kommer jag att börja på den mest grundläggande nivån.

Det vill säga, jag kommer att anta att du har:

  • en webbplats som konfigurerats och konfigurerats,
  • möjligheten att komma åt det i en webbläsare,
  • en kärnuppsättning plugins som Hello Dolly som följer med WordPress.

Om du inte har något av följande, vänligen granska följande inlägg:

  1. Installera WordPress för lokal utveckling
  2. Installera Xdebug, del 1: Xdebug-modulen
  3. Installera Xdebug, del 2: IDE

När du är klar bör du ha allt du behöver för att börja gå igenom processen att aktivt felsöka ett program som körs.

Låt oss göra några skärmsändningar

Målet med skärmsändningarna är tvåfaldigt:

  1. hålla dem korta,
  2. visa upp minst en praktisk sak du kan ta bort från att titta på dem.

Eftersom jag vet att vi alla är upptagna och eftersom jag tror att videor tenderar att ta längre tid än de borde nå en punkt, vill jag försöka vara så kortfattad och direkt som möjligt när jag går igenom en aspekt av felsökning.

Dessutom, eftersom allt är tänkt att börja från grunden, varför inte börja med ett plugin som ingår i WordPress? Det är något vi alla har, det kommer att fungera med innehållet som redan har skrivits, och det kommer att lägga grunden för mer avancerad felsökning.

Gå igenom ett plugin

I den här screencasten ska vi titta på att ställa in några brytpunkter i Hello Dolly och inspektera värdet på vissa variabler. Det är det, inget mer.

Senare kommer vi till mer avancerade saker som en debugger har att erbjuda, men det här börjar med grunderna. Och målet är inte bara att lämna det med denna plugin heller. Istället är det tänkt att visa dig hur du kan utnyttja de verktyg vi har tillgängliga och sedan börja tillämpa dem i ditt arbete.

Strax

I nästa inlägg ska vi titta på mer avancerade saker vi kan göra som att kliva in i funktioner, kliva ur funktioner och kliva över funktioner.

Efter det kommer vi att rikta vår uppmärksamhet mot mer avancerade saker som att titta på variabler under hela livslängden för exekvering av ett plugin och sedan hur man ändrar variabler under exekvering.

Men för nu, varför inte ta lite tid att öva och ställa in en brytpunkt i några olika plugins är några olika kodområden i en WordPress-specifik applikation?

Inspelningskälla: tommcfarlin.com

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer