Atkļūdošana var būt nogurdinoša un vēl vairāk nomākta, ja nevarat viegli atrast kļūdu. Chrome 106 izstrādātāju rīki (izstrādātāju rīki) ir iestatīti, lai vienkāršotu atkļūdošanas procesu, padarot to vienkāršāku un ātrāku.
Tagad varat viegli kārtot failus, optimizēt meklēšanu, paslēpt trešo pušu skriptus, piekļūt padziļinātiem veiktspējas pārskatiem un daudz ko citu, kas apspriests šajā rakstā. Šie izstrādātāju rīki ir būtiski, jo īpaši izstrādātājiem, kas strādā ar JavaScript ietvariem, piemēram, Angular, React un Vue.js, kuriem tagad ir interaktīva un vienkāršota konsole vizualizēšanai un atkļūdošanai viņu kods.
Sīkāk apskatīsim dažas no šīm jaunajām funkcijām:
Lai pilnībā izmantotu jaunos Chrome 106 atjauninājumus, lejupielādējiet pārlūku Chrome Kanārijs, izstrādātājs, vai Beta versijas kā noklusējuma izstrādes pārlūkprogrammu. Jums būs piekļuve jaunākajiem izstrādātāju rīkiem, kas ļauj pārbaudīt tīmekļa platformas API un ātri noteikt problēmas vai kļūdas savā vietnē, lai nodrošinātu lietotājiem vislabāko klientu pieredzi.
1. Faili grupēti pēc autorēšanas/izvietošanas
Tagad varat pāriet tieši uz lietojumprogrammas komponentiem, grupējot failus vietnē autors/izvietots uz avots panelis. Iet uz Avots > 3 punktu izvēlne > Grupēt pēc autora/izvietotā. Tagad, atverot failus, panelī varat redzēt tikai savus izvietotos failus.
Iepriekšējās Chrome versijās visi pirmkoda faili bija redzami mapē navigācija panelis, apgrūtinot viena faila atrašanu.
2. Vienkāršota failu meklēšana
Varat ierobežot meklēšanu avota panelī, iekļaujot tikai attiecīgos failus. Iepriekšējās Chrome versijās ietvara un citu trešo pušu ģenerētie faili tika rādīti meklēšanas rezultātos, tādējādi apgrūtinot meklēšanas vienumu identificēšanu.
Šis atjauninājums ir devtools versija, lai optimizētu meklēšanu tīmekļa pārlūkprogrammās ar Google meklēšanas apkrāptu lapas. Lai konfigurētu šo iestatījumu, dodieties uz 3 punktu izvēlne > Slēpt ignorējamā saraksta avotus.
Trešās puses skripti aizpilda jūsu konsoli? Chrome 106 pievienoja ignorēšanas saraksta paplašinājumu avota kartē, lai jūs varētu paslēpt ietvaru un citu trešo pušu automātiski ģenerētos skriptus.
Lai aktivizētu šo funkciju, dodieties uz Iestatījumi > Ignorēt sarakstu > Automātiski pievienot zināmos trešās puses skriptus uz ignorēšanas sarakstu. Atkārtoti atverot failus, konsole parādīs tikai atbilstošos failus, kas saistīti ar jūsu lietojumprogrammu. Tagad jūs varat redzēt savu kodu bez uzmanības novēršanas.
4. Detalizētas kaudzes pēdas
Pateicoties jaunajai pārlūkprogrammas Chrome 106 funkcijai, jums būs nepieciešams mazāk laika, lai noteiktu kļūdu konsolē. Chrome izstrādātāja rīki sniedz detalizētu priekšstatu par asinhronajām darbībām un to pamatcēloņiem. Iepriekšējās versijās bija redzami tikai notikumi, kas noveda pie operācijas. Jaunākie devTools parāda visu darbību ķēdi un to pamatcēloņus.
Google ir konfigurējis a console.createTask() metode pārlūkā Chrome 106. Šī metode ļauj ietvariem veikt steka trasēšanu konsolē. JavaScript atkļūdošana, izmantojot devtools, ir tikpat vienkārša kā CSS atkļūdošana, izmantojot Chrome.
5. Izsekojiet mijiedarbības veiktspējas panelī
Izsekojiet jaunas mijiedarbības pakalpojumā Performance panelis, lai identificētu iespējamās problēmas saistībā ar jūsu lietojumprogrammu. Pārlūkā Chrome 106 visas mijiedarbības pēc darbības tiek rādītas celiņā Mijiedarbība. Trase parāda mijiedarbības avotu un to ID. Izsekošana palīdz identificēt avotu un attiecīgi to pārtvert.
6. LCP laika ieskati veiktspējas panelī
The Lielākā saturiskā krāsa (LCP) laika informācija tagad ir pieejama vietnē veiktspējas ieskatu panelis. LCP ir svarīgs tīmekļa veiktspējas rādītājs, kas ziņo par attēlu vai teksta bloku renderēšanas laiku, lai ielādētu tīmekļa lapā. 2,5 sekundes vai mazāk ir labs veiktspējas rādītājs.
Lai skatītu ieskatus, dodieties uz veiktspējas panelis>3 punktu izvēlne-vairāk nodevu>veiktspējas ieskati. Atkārtoti atskaņojot ierakstu, Sīkāka informācija panelis parādīs ielādes laiku.
Papildu atjauninājumi pārlūkprogrammā Chrome 106
Citi Chrome 106 uzlabojumi ietver:
- Jūs varat eksportēt savus skripta ierakstus bez problēmām no Ierakstītājs panelis. Iepriekšējās versijās ar eksportēšanas pogu radās problēma.
- Tagad jums ir pieejams krāsu atlasītājs Stili rūts SVG elementi.
- Varat identificēt skriptus, kas kropļo jūsu izkārtojumu Veiktspējas ieskats panelis.
- Varat parādīt LCP tīmekļa fontu ceļus Veiktspējas ieskats panelis.
Šīs funkcijas var uzlabot to, kā jūs izmantojat pārlūkprogrammas izstrādes rīkus.
Ko iegūstat no Chrome 106
Jaunākie izstrādātāju rīku uzlabojumi pārlūkprogrammā Chrome 106 paātrina atkļūdošanas procesu. Jaunie atjauninājumi atvieglo darbību vizualizāciju, izmantojot vienkāršotu un dinamisku konsoli, kas ļauj paslēpt failus, atspējot skriptus, ierakstīt un padziļināti skatīt savu lietojumprogrammu, kad atkļūdošana.
Chrome 106 papildinājumi ļaus jums pārvaldīt savu lietojumprogrammu un optimizēt tās veiktspēju. Turpiniet un izbaudiet šīs priekšrocības, atjauninot pārlūkprogrammas Chrome 106 jaunāko versiju.
