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

Efektīva kļūdu labošana ar Chrome attīstītāju rīkiem

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

Šajā rokasgrāmatā es jums parādīšu, kā izmantot Chrome izstrādātāja rīkus , lai efektīvi un detalizēti kontrolētu atkļūdošanas procesu. Jūs uzzināsiet, kā soli pa solim pārvietoties pa pirmkodu un kā atbalstīt konkrētus programmas procesa punktus. Uzmanības centrā ir iepazīstināt jūs ar noderīgiem saīsnēm un funkcijām, kas atvieglo atkļūdošanu un uzlabo jūsu darba procesu.

Galvenie secinājumi

  • Jūs varat ātri un efektīvi pārvietoties pa lielām kodu bāzēm, izmantojot failu meklēšanu.
  • Pakāpenisku atkļūdošanu atbalsta dažādi saīsnes taustiņi un funkcijas, kas atvieglo pakāpenisku koda pārlūkošanu.
  • Asinhronām funkcijām ir īpaši mehānismi, lai būtu skaidrs, kuras koda daļas tiek izpildītas.

Soli pa solim

Lai sāktu atkļūdošanu pārlūkprogrammā Chrome Izstrādātāja rīki, izpildiet šādas darbības:

Lai atrastu pareizos failus, varat izmantot tastatūras saīsni "Command P" operētājsistēmā Mac vai "Ctrl P" operētājsistēmā Windows. Tādējādi tiks atvērta meklēšanas josla, kurā varat ievadīt meklējamā faila nosaukumu. Jūs uzreiz redzēsiet, kā tiek filtrēti rezultāti, un varēsiet atrast vajadzīgo dokumentu daudz ātrāk.

Efektīva kļūdu labošana ar Chrome Developer Tools

Ja meklējat konkrētu failu un nezināt precīzu nosaukumu, varat ievadīt arī nosaukuma daļas vai meklēšanas terminus, kas satur faila nosaukuma daļas. Tas ļauj efektīvi filtrēt, īpaši lielos projektos ar daudziem failiem.

Efektīva kļūdu labošana ar Chrome izstrādātāja rīkiem

Chrome izstrādātāja rīkos ir arī tastatūras saīsnes, kas atvieglo navigāciju pa kodu. Šie saīsnes taustiņu taustiņi ir ļoti noderīgi, lai soli pa solim pārlūkotu pirmkodu. Izmantojiet taustiņus F8 (lai turpinātu pašreizējo funkciju) un F10 (uz nākamo funkcijas izsaukumu). Tas padarīs atkļūdošanas sesiju daudz ātrāku un efektīvāku.

Efektīva kļūdu novēršana ar Chrome attīstītāja rīkiem

Ja vēlaties pāriet uz kādu funkciju, nospiediet F11. Tā jūs pāriesiet tieši uz izvēlēto funkciju. Varat arī atkal izlēkt no funkcijas, izmantojot "Shift F11", kas jūs pārnes par vienu līmeni augstāk. Šīs kustības ir svarīgas, lai izprastu programmas plūsmu un konkrētā koda ietekmi.

Efektīva kļūdu novēršana ar Chrome Attīstītāju Rīkiem

Ja strādājat ar asinhrono kodu, ir īpaši apsvērumi. Attiecībā uz asinhroniem izsaukumiem jūs varat atpazīt atšķirību starp to, vai nospiežot "Step into" (F11), lai ienirtu funkcijā, un "Step over" (F9), lai izlaistu tās izpildi.

Efektīva kļūdu novēršana ar Chrome attīstītāja rīkiem

Lai atkļūdošanas procesu padarītu vēl efektīvāku, varat iestatīt arī pagaidu pārtraukuma punktus. Ar peles labo pogu noklikšķiniet uz koda rindas un izvēlieties "Turpināt līdz šeit". Programma tiks izpildīta līdz šim punktam, neapstājoties citās rindās.

Efektīva kļūdu labošana ar "Chrome" attīstītāju rīkiem

Vēl viens noderīgs rīks programmā Izstrādātāja rīki ir iespēja atiestatīt funkcijas izpildi. Tas nozīmē, ka, nospiežot pogu "Restart Frame" (Restartēt kadru), var pāriet uz funkcijas sākumu bez mainīgo lielumu atiestatīšanas. Šī funkcija ir īpaši noderīga, ja vēlaties atkārtoti pārbaudīt funkcijas darbību noteiktos apstākļos.

Efektīva kļūdu labošana ar Chrome izstrādātāja rīkiem

Visi šie triki un saīsnes galu galā padara atkļūdošanas procesu daudz ātrāku. Ikreiz, kad jums šķiet, ka atkļūdošana neveicas, pārbaudiet izstrādātāja rīku piedāvātās iespējas. Veicot darbības, pārliecinieties, ka esat iepazinies ar saīsnēm, lai vēl vairāk palielinātu efektivitāti.

Kopsavilkums

Šajā rokasgrāmatā esat uzzinājis, kā vislabāk izmantot Chrome izstrādātāja rīkus, lai pārvietotos pa pirmkodu un apgūtu sarežģītas atkļūdošanas situācijas. Īsceļu un specifisku funkciju izmantošana nodrošina dziļāku kontroli pār atkļūdošanas procesu neatkarīgi no tā, vai strādājat ar sinhrono vai asinhrono kodu.

Biežāk uzdotie jautājumi

Kā Chrome Developer Tools var ātri atrast failu?Izmantojiet tastatūras saīsni "Ctrl P" operētājsistēmā Windows vai "Command P" operētājsistēmā Mac un ievadiet daļu no faila nosaukuma.

Kāda ir atšķirība starp F11 un F9 atkļūdošanas laikā? F11 pāriet uz funkciju, bet F9 to izlaiž un pāriet tieši uz nākamo koda bloku.

Kā iestatīt pagaidu pārtraukuma punktus? Lai izpildītu programmu līdz šim punktam, noklikšķiniet ar peles labo pogu uz koda un izvēlieties "Turpināt līdz šeit".

Kas notiek ar "Restart Frame" (Restartēt kadru): izpilde lec uz funkcijas sākumu, neizslēdzot pašreizējos mainīgos.

Vai es varētu atkļūdošanu veikt arī bez pārtraukuma punktiem? Jā, tas ir iespējams, izmantojot turpināšanas funkcijas vai kontrolējot programmas pāreju ar aprakstītajiem īsceļiem.