Š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.
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.
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.
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ā.
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.
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ā.
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.
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.
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.
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.
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.-