Efektīva Chrome izstrādātāja rīku lietošana (pamācība)

Nosacītie pārtraukumi Chrome Developer Tools: Efektīvās kļūdu novēršanas ceļvedis

Visi pamācības video Efektīva Chrome izstrādātāja rīku lietošana (pamācība)

Šajā instrukcijā tu uzzināsi, kā iestatīt nosacītus pārtraukumus Chrome Developer Tools. Ar nosacītiem pārtraukumiem tu vari padarīt izklausošanas procesu efektīvāku, nodrošinot, ka tavs kods tiek apturēts tikai noteiktos apstākļos. Tas ir īpaši noderīgi, strādājot ar lapām, kur ir daudz interakciju, un vēlies pārbaudīt kodu tikai konkrētos laika punktos.

Svarīgākie secinājumi

  • Nosacītie pārtraukumi ļauj noteikt specifiskus nosacījumus, zem kuriem izklausošanas instruments apturēs kodu.
  • Tu vari izmantot jebkādus izteikumus, lai palielinātu kontroli pār izklausošanas procesu.
  • Iemācies, kā pievienot, rediģēt un noņemt pārtraukumus, kā arī iepazīsties ar alternatīviem pārtraukuma veidiem.

Pamācība soļiem pa soļiem

Lai efektīvi izmantotu nosacītos pārtraukumus, ievēro šos soļus:

Lai iestatītu pārtraukumu, vienkārši noklikšķini uz rindiņas numura, kurā vēlies apturēt kodu. To darot, tiks parādīts zils punkts, kas apzīmē pārtraukumu.

Noteikti pārtraukumi Chrome Developer Tools: efektīvas kļūdu novēršanas ceļvedis

Noklikšķinot ar labo pogu uz iestatītā pārtraukuma, atveras izvēlnes saraksts, kurā vari izvēlēties dažādas opcijas. Šeit vari arī deaktivēt pārtraukumu. To deaktivējot, tas paliek kodā, bet vairs nestrādā.

Nosacītie pārtraukuma punkti Chrome izstrādātāja rīkos: Efektīvas programmas kļūdu novēršanas ceļvedis

Noderīga funkcija ir opcija „Rediģēt pārtraukumu“. Izvēloties to, tu vari pievienot nosacījumu. Tas ļauj tev ievadīt izteikumu, kas noteiks, kad pārtraukums ir jāaktivizē.

Šeit piemēram, ir ieteicams pārbaudīt mainīgo, piemēram, count. Pieņemsim, ka tu ievadi count == 8. Tas nozīmēs, ka pārtraukums tiks aktivizēts tikai tad, kad count sasniegs vērtību 8.

Nosacītie pārtraukuma punkti Chrome Developer Tools: ceļvedis efektīvai kļūdu labošanai

Lai apstiprinātu nosacījumu, nospied „Return“. Tā rezultātā kodā pārtraukums tiks parādīts oranžs ar jautājuma zīmi, kas norāda, ka tas ir nosacītais pārtraukums.

Nosacītie pārtraukuma punkti Chrome attīstītāja rīkos: efektīvas atkļūvošanas ceļvedis

Tagad atjauno lapu. Šajā brīdī izklausošanas instruments neapturēs koda darbību, jo nosacījums nevarēs tikt pārbaudīts. Vairākas reizes nospied count, lai to palielinātu.

Kad count sasniedz vērtību, kas atbilst nosacījumam (mūsu gadījumā 8), tu redzēsi, ka izklausošanas instruments apturēs kā paredzēts.

Nosacītie iztraukšanas punkti Chrome Developer Tools: Efektīvās kļūdu novēršanas rokasgrāmata

Lai jebkurā laikā pārbaudītu esošo nosacījumu, vari atkārtoti noklikšķināt uz „Rediģēt pārtraukumu“ un redzēt visus aktīvos nosacījumus.

Nosacīti pārtraukumi Chrome attīstītāja rīkos: Efektīva kļūdu labošanas vadlīnija

Papildus nosacītajiem pārtraukumiem ir pieejami arī citi veidi, piemēram, Logpoints. Logpoint ir vēl viena noderīga funkcija, kas ļauj tev iestatīt nosacījumus, bet, neapturot darbību, tikai izvada ziņojumu, piemēram, „true“ vai „false“, atkarībā no tā, vai nosacījums ir izpildīts vai nē.

Nosacītie pārtraukuma punkti Chrome Developer rīkos: efektīvas kļūdu labošanas vadlīnijas

Kad atkārtoti ielādējat un noklikšķinat, jūs pamanīsit, ka atkarībā no nosacījuma stāvokļa saņemsiet "false" vai "true".

Noteikti pārtraukumi Chrome izstrādātāja rīkos: efektīvas kļūdu labošanas rokasgrāmata

Svarīgi ir saprast šīs dažādās Breakpoint veidus, jo tie var palīdzēt jums optimizēt savu atkļūdošanas darbu.

Nosacītie pārtraukuma punkti Chrome Developer Tools: efektīvas kļūdu atkļūvošanas ceļvedis

Lai pārvaldītu visus uzstādītos Breakpoint, jums ir pieejams pārskats, kur varat dzēst vai rediģēt esošos Breakpoint. Ja noklikšķināt uz konkrēta Breakpoint, jūs tiksiet novirzīts uz vietu, kur šis Breakpoint ir iestatīts kodā.

Kopsavilkums

Šajā pamācībā jūs esat iemācījušies, kā efektīvi izmantot nosacītos Breakpoint, lai optimizētu atkļūdošanas procesu savos tīmekļa lietojumprogrammās. Jūs esat redzējuši, kā pievienot, rediģēt un atkārtoti noņemt Breakpoint, kā arī kā izmantot alternatīvos Breakpoint veidus.

Bieži uzdotie jautājumi

Kas ir nosacītie Breakpoint?Nosacītie Breakpoint ir Breakpoint, kas tiek aktivizēts tikai tad, ja ir izpildīti konkrēti nosacījumi.

Kā iestatīt nosacīto Breakpoint?Noklikšķiniet ar labo taustiņu uz Breakpoint un izvēlieties "Rediģēt Breakpoint", lai pievienotu nosacījumu.

Kas notiek, ja nosacījums Breakpoint nav izpildīts?Ja nosacījums nav izpildīts, atkļūdotājs neapturēs darbību šajā Breakpoint.

Vai es varu izmantot Logpoints Chrome Developer Tools?Jā, Logpoints ir alternatīva Breakpoints, kur varat iestatīt nosacījumus, kas vienkārši izvada paziņojumu, neapturot darbību.

Kādi citi Breakpoint veidi ir pieejami?Šādi kā nosacītie Breakpoint, ir pieejami arī DOM un Fetch Breakpoints, kas nodrošina īpašus norādījumus saistībā ar mijiedarbību ar DOM vai Fetch pieprasījumiem.