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

Optimālie iestatījumi šķiltavas attīstītāja rīkiem

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

Šajā padomā tiks runāts par efektīvu Chrome Developer Tools izmantošanu un to iestatījumiem. Tu iemācīsies, kā konfigurēt DevTools tā, lai tie atbilstu tavam darba stilam. Tiks risināti tēmas saistīti jautājumi, taustiņu kombinācijas un citas funkciju iestatījumi. Ar šiem praktiskajiem pielāgojumiem vari ievērojami optimizēt savu darba plūsmu un strādāt efektīvāk.

Svarīgākās atziņas

  • Tu vari pielāgot Developer Tools izskatu, pārslēdzoties starp gaišajām un tumšajām tēmām.
  • Developer Tools valodu var mainīt, lai izvairītos no tulkojuma izraisītās sajaukšanas.
  • JavaScript avota kartes ir noderīgas, veicot kļūdu labošanu. Pēc nepieciešamības tās var ieslēgt vai izslēgt.
  • Konzolei ir daudz noderīgu iestatījumu, lai vadītu žurnāla ziņojumu rādīšanu.

Pamācība soli pa solim

Atvērt iestatījumus

Lai atvērtu Chrome Developer Tools iestatījumus, noklikšķini uz zobrata simbola DevTools labajā augšējā stūrī. Tur tu atradīsi dažādas pielāgošanas opcijas.

Labākie iestatījumi Chrome Developer Tools

Pielāgot izskatu

Iestatījumos zem cilnes "Appearance" vari izvēlēties starp gaišajām un tumšajām tēmām. Tas var padarīt darbu patīkamāku, īpaši dažādos apgaismojuma apstākļos. Vari iestatīt izvēlēto tēmu arī atkarībā no datora sistēmas iestatījumiem.

Pielāgot valodu

DevTools valodu var mainīt iestatījumos. Šeit vari, piemēram, iestatīt rādīšanu angļu valodā, lai izvairītos no tulkojuma problēmām ar noteiktiem jēdzieniem.

Optimālas iestatījumi Chrome attīstītāja rīkiem

JavaScript avota kartes

"Preferences" apakšpunktos vari aktivizēt vai deaktivizēt JavaScript avota kartes. Avota kartes ir īpaši noderīgas, lai redzētu oriģinālkódu kļūdu labošanas laikā. Pērci tiem, kad nepieciešams, it īpaši, ja rodas problēmas ar pareizajiem rindu sasniegšanu.

Optimālie iestatījumi Chrome attīstītāja rīkiem

Skatskaitļu attēlošana

Iestatījumos vari aktivizēt arī skatskaitļu attēlošanu. Tas var būt noderīgi, lai redzētu atstarpes un citas neredzamās rakstzīmes, kas var izraisīt problēmas tavā kodā.

Optimālie iestatījumi Chrome Developer Tools lietošanai

Ieinbūvētie kļūdu labošanas iestatījumi

"Preferences" sadaļā ir opcija, lai iestatītu mainīgo vērtību rādīšanu kļūdu labošanas laikā. Vari šo rādījumu aktivizēt vai deaktivizēt atkarībā no tā, vai tas ir noderīgi tev.

Optimālie iestatījumi Chrome Developer rīkiem

Tīkla žurnālu pielāgošana

Tīkla iestatījumos vari aktivizēt "Preserve Log upon Navigation". Tas nodrošina, ka žurnāli paliek saglabāti arī pēc lapu pārvietošanas, kas ir noderīgi, lai redzētu visu tīkla aktivitāti testēšanas laikā.

Optimālie iestatījumi Chrome Developer Tools

Taustnējo atslēgu iestatīšana

Chrome Developer Tools piedāvā arī iespēju pielāgot taustiņu saīsnes. Ja vēlies pārdefinēt noteiktas taustiņu kombinācijas funkcijām, piemēram, "Toggle Breakpoint" vai "Step Over", to vari izdarīt iestatījumos sadaļā "Shortcuts". Šie pielāgojumi var ievērojami paātrināt tavu darba plūsmu.

Optimālie iestatījumi "Chrome" attīstītāja rīkiem

eksperimentālas funkcijas

Iestatījumos ir sadaļa eksperimentālajām funkcijām. Šeit vari aktivizēt jaunas funkcijas, kas varbūt vēl nav stabili. Tomēr esiet uzmanīgs, jo tās dažreiz var izraisīt negaidītu uzvedību.

Optimālas iestatījumi Chrome Developer Tools lietotnei

Ignorēšanas saraksta pārvaldība

Ignorēšanas sarakstā varat pārvaldīt noteiktus skriptus, kuriem Attīstītāja rīki nedrīkst pievērst uzmanību. Šeit varat pievienot vai noņemt skriptus, lai optimizētu atkļūdošanas pieredzi.

Optimālie iestatījumi Chrome Developer Tools

Mobilās ierīces emulācija

Sadaļā "Ierīces" vari emulēt dažādas mobilās ierīces. Tas ir noderīgi, lai pārbaudītu, kā jūsu lietojumprogramma izskatās uz dažādām ekrāna izmēru un izšķirtspēju.

Labākie iestatījumi Chrome Developer Tools

Kopsavilkums

Šajā ceļvedī esi uzzinājis/-usi, kā pielāgot galvenos iestatījumus Chrome Attīstītāja rīkos, lai uzlabotu darbību. No izskata pielāgojumiem līdz konkrētām atkļūdošanas opcijām tagad ir rīki, lai darbotos produktīvāk. Eksperimentējiet ar dažādiem iestatījumiem, lai atrastu savu pilnīgo darbplūsmu.

Bieži uzdotie jautājumi

Kā varu mainīt Chrome Attīstītāja rīku izskatu?Izskatu varat mainīt iestatījumos cilnē “Izskats”.

Vai varu mainīt Attīstītāja rīku valodu?Jā, valodu varat mainīt iestatījumos, lai pareizi parādītu terminus.

Kas ir JavaScript avota kartes un ko ar tām darīt?Avota kartes palīdz jums atkļūdot oriģinālkoļu, nevis transpilēto kodu.

Kā es varu pielāgot tastatūras saīsnes Attīstītāja rīkos?Iestatījumos sadaļā “Saīsnes” varat mainīt tastatūras saīsnes dažādām funkcijām.

Vai varu aktivizēt eksperimentālās funkcijas Attīstītāja rīkos?Jā, sadaļā “Eksperimenti” varat aktivizēt jaunas eksperimentālas funkcijas, tomēr esiet uzmanīgs.-