Efektyvus "Chrome" programuotojo įrankių naudojimas (pamoka)

Efektyvus klaidų šalinimas naudojant „Chrome“ kūrėjo įrankius

Visi pamokos vaizdo įrašai Efektyvus "Chrome" programuotojo įrankių naudojimas (pamoka)

Šiame vadove parodysiu, kaip gali naudotis Chrome Developer Tools, kad būtum galėtum efektyviai ir išsamiai valdyti Debagavimo procesą. Sužinosi, kaip etapais naršyti programinį kodą ir sąmoningai paremti tam tikrus punktus programos eigos metu. Dėmesys bus sutelktas į tai, kaip pateikti naudingus klaviatūros spartintuvus ir funkcijas, kurios palengvina Debagavimą ir pagerina tavo darbo eigą.

Svarbiausios išvados

  • Gali greitai ir efektyviai naršyti per didelius kodų pagrindus, naudodamas bylų paiešką.
  • Etapais debagavimą remia įvairūs klaviatūros spartintuvai ir funkcijos, kurios palengvina pasižvalgyti po kodą.
  • Asinchroninių funkcijų atveju yra specialūs mechanizmai, padedantys aiškiai suprasti, kurie kodo dalys vykdomos.

Etapais vadovas

Pradėti naudotis Chrome Developer Tools debagavimu, laikykis šių žingsnių:

Norėdamas rasti tinkamas bylas, gali naudoti „Command P“ klavišų kombinaciją „Mac“ kompiuteryje arba „Strg P“ „Windows“ sistemoje. Tai atidaro paieškos juostą, į kurią gali įvesti bylos pavadinimą, kurios ieškai. Iš karto pamatysi, kaip rezultatai filtruojami ir gali greičiau rasti norimą dokumentą.

Efektyvus derinimas naudojant „Chrome“ kūrėjo įrankius

Jei ieškai konkretaus failo ir nežinai tikslaus pavadinimo, gali įvesti tam tikrus pavadinimo fragmentus ar paieškos frazes, kurios apima dalį bylos pavadinimo. Tai leidžia efektyviai filtruoti, ypač dideliuose projektuose su daug bylų.

Efektyvus klaidų šalinimas su „Chrome Developer Tools“

Papildomai, Chrome Developer Tools turi klavišo komandas, kurios palengvina naršymą kode. Šie klaviatūros spartintuvai yra labai naudingi norint žingsniškai pereiti per kodą. Naudok klavišus F8 (tęsti esamą funkciją) ir F10 (pereiti prie kito funkcijos iškvietimo). Taip gali greitai ir efektyviai organizuoti savo debagavimo sesiją.

Efektyvus derinimas su „Chrome“ kūrėjo įrankiais

Norėdamas pereiti į funkciją, paspausk F11. Taip pat gali išeiti iš funkcijos, naudodamas „Shift F11“, kuris tave pakelia vienu lygiu aukščiau. Šie judesiai yra esminiai, norint suprasti programos eigos ir konkretaus kodo poveikį.

Efektyvus klaidų šalinimas naudojant „Chrome“ kūrėjo įrankius

Turint reikalų su asinchroniniu kodu, turėtum svarstyti specialius dalykus. Asinchroniniuose iškvietimuose, gali suvokti skirtumą tarp klavišo „Sektis į vidų“ (F11) norint įsifigūruoti į funkciją ir „Pereiti per“ (F9) norint praleisti vykdymą.

Efektyvus klaidų šalinimas su „Chrome“ kūrėjų įrankiais

Norėdamas dar labiau efektyviai organizuoti debagavimo procesą, gali nustatyti laikinus atbaidymus. Paspausk ant kodo eilutės dešiniu pelės mygtuku ir pasirink „Tęsti iki čia“. Programa vykdys iki šios vietos, ne sustodama kitose eilutėse.

Efektyvus klaidų šalinimas su „Chrome“ kūrėjo įrankiais

Dar vienas naudingas įrankis, esantis Developer Tools, yra galimybė resetuoti funkcijos vykdymą. Tai reiškia, kad paspaudus mygtuką „Restart Frame“, pereisi į funkcijos pradžią, nepakeičiant kintamųjų. Ši funkcija yra ypatingai naudinga, kai nori pakartotinai išbandyti funkcijos elgesį tam tikromis sąlygomis.

Efektyvus klaidų šalinimas naudojant „Chrome“ kūrėjų įrankius

Visi šie triukai ir klaviatūros spartintuvai iš esmės pagreitina debagavimo procesą. Jei jaučiate, kad jūsų debagavimas neina į priekį, patikrinkite galimybes, kurias jums suteikia Developer Tools. Vykdant žingsnius, atkreipk dėmesį, kad susipažintum su klaviatūros spartintuvais, kad galėtum toliau padidinti savo efektyvumą.

Santrauka

Šiame vadove išmokei, kaip optimaliai naudotis Chrome Developer Tools, norint naršyti programinį kodą ir įveikti sudėtingas debagavimo situacijas. Naudojant klaviatūros spartintuvus ir specifines funkcijas, gali giliau kontroliuoti debagavimo procesą, nesvarbu, ar dirbi su sinchroniniu, ar asinchroniniu kodu.

Dažniausiai užduodami klausimai

Kaip greitai rasti failą „Chrome“ kūrėjo įrankiuose?Naudokite sparčiuosius klavišus „Ctrl P“ „Windows“ kompiuteriuose arba „Command P“ „Mac“ kompiuteriuose ir įveskite failo pavadinimo dalį.

Kas yra skirtumas tarp F11 ir F9 derinant programą?F11 pereina į funkciją, o F9 praleidžia ją ir tiesiai pereina prie kitos kodo dalies.

Kaip nustatyti laikinus stabdžius?Paspauskite dešinįjį pelės mygtuką kode ir pasirinkite „Tęsti iki čia“, kad programa vyktų iki šios vietos.

Kas vyksta, kai pasirenkama „Restart Frame“?Vykimas perkeliama į funkcijos pradžią, iš naujo nenustato esamų kintamųjų.

Ar galėčiau derinti programą neturėdamas stabdžių?Taip, tai įmanoma, naudojant „Continue“ funkcijas arba valdant programos eigos perėjimus naudojant aprašytus sparčiuosius klavišus.