Derinimas gali būti varginantis ir dar labiau varginantis, kai negalite lengvai rasti klaidos. „Chrome 106“ kūrėjo įrankiai (devtools) nustatyti taip, kad supaprastintų derinimo procesą, kad būtų lengviau ir greičiau.
Dabar galite lengvai rūšiuoti failus, optimizuoti paiešką, paslėpti trečiųjų šalių scenarijus, pasiekti išsamias našumo ataskaitas ir dar daugiau, kas aptariama šiame straipsnyje. Šie kūrimo įrankiai yra būtini, ypač kūrėjams, dirbantiems su „JavaScript“ sistemomis, tokiomis kaip Angular, React ir Vue.js, kurie dabar turi interaktyvią ir supaprastintą konsolę vizualizuoti ir derinti jų kodas.
Leiskite mums atidžiau pažvelgti į kai kurias iš šių naujų funkcijų:
Norėdami visapusiškai pasinaudoti naujais „Chrome 106“ naujiniais, atsisiųskite „Chrome“. Kanarų, Dev, arba Beta versijos kaip numatytoji kūrimo naršyklė. Turėsite prieigą prie naujausių kūrėjo įrankių, leidžiančių išbandyti žiniatinklio platformos API ir greitai nustatyti savo svetainės problemas ar klaidas, kad naudotojams būtų užtikrinta geriausia klientų patirtis.
1. Failai sugrupuoti pagal autorių / įdiegtų
Dabar galite pereiti tiesiai prie programos komponentų sugrupuodami failus adresu autorius / dislokuotas ant šaltinis skydelis. Eiti į Šaltinis > 3 taškų meniu > Grupuoti pagal autorių/įdiegtą. Dabar, kai atidarote failus, skydelyje galite matyti tik įdiegtus failus.
Ankstesnėse „Chrome“ versijose visi šaltinio kodo failai buvo matomi navigacija skydelyje, todėl sunku rasti vieną failą.
2. Supaprastinta failų paieška
Galite apriboti paiešką šaltinio skydelyje ir apriboti tik susijusius failus. Ankstesnėse „Chrome“ versijose sistemos ir kitų trečiųjų šalių sukurti failai buvo rodomi paieškos rezultatuose, todėl buvo sunku nustatyti paieškos elementą.
Šis naujinimas yra devtools versija, skirta optimizuoti paiešką žiniatinklio naršyklėse Google paieškos apgaulingi lapai. Norėdami sukonfigūruoti šį nustatymą, eikite į 3 taškų meniu > Slėpti ignoruojamo sąrašo šaltinius.
Trečiųjų šalių scenarijai užpildo jūsų konsolę? „Chrome 106“ šaltinio žemėlapyje pridėjo ignoravimo sąrašo plėtinį, kad galėtumėte paslėpti scenarijus, kuriuos automatiškai generuoja sistemos ir kitos trečiosios šalys.
Norėdami suaktyvinti šią funkciją, eikite į Nustatymai > Ignoruoti sąrašą > Automatiškai pridėti žinomus trečiosios šalies scenarijus į ignoruojamų sąrašą. Kai vėl atidarysite failus, konsolėje bus rodomi tik atitinkami su jūsų programa susiję failai. Dabar galite matyti savo kodą nesiblaškydami.
4. Išsamūs kamino pėdsakai
Dėl naujos „Chrome 106“ funkcijos užtruksite mažiau laiko, kol nustatysite klaidą konsolėje. „Chrome“ kūrėjo įrankiai suteikia išsamų asinchroninių operacijų ir jų priežasčių vaizdą. Ankstesnėse versijose buvo matomi tik įvykiai, dėl kurių buvo atlikta operacija. Naujausios devTools parodo visą operacijų grandinę ir jų pagrindines priežastis.
„Google“ sukonfigūravo a console.createTask() metodas „Chrome 106“. Šis metodas leidžia sistemoms atlikti dėklo pėdsakus konsolėje. „JavaScript“ derinimas naudojant „devtools“ yra taip pat paprastas CSS derinimas naudojant chromą.
5. Stebėkite sąveikas našumo skydelyje
Stebėkite naujas sąveikas Spektaklis skydelį, kad nustatytumėte galimas reagavimo į jūsų programą problemas. 106 versijos „Chrome“ visos sąveikos po operacijos rodomos sąveikų takelyje. Takelis rodo sąveikų šaltinį ir jų ID. Stebėjimas padeda nustatyti šaltinį ir atitinkamai jį perimti.
6. LCP laiko įžvalgos našumo skydelyje
The Didžiausias turinio dažymas (LCP) laiko duomenis dabar galima rasti našumo įžvalgų skydelis. LCP yra gyvybiškai svarbi žiniatinklio našumo metrika, teikianti ataskaitas apie vaizdų ar teksto blokų pateikimo laiką, per kurį jie įkeliami į tinklalapį. 2,5 sekundės ar mažiau yra geras našumo balas.
Norėdami pamatyti įžvalgas, eikite į našumo skydelis> 3 taškų meniu - daugiau mokesčių> našumo įžvalgos. Kai pakartotinai leidžiate įrašą, Detalės skydelyje bus rodomas įkėlimo laikas.
Papildomi „Chrome 106“ naujiniai
Kiti „Chrome 106“ patobulinimai:
- Galite be problemų eksportuoti scenarijaus įrašus iš Diktofonas skydelis. Ankstesnėse versijose kilo problemų dėl eksportavimo mygtuko.
- Dabar turite spalvų parinkiklį Stiliai skydelio SVG elementai.
- Galite nustatyti scenarijus, iškreipiančius jūsų išdėstymą Veiklos įžvalgos skydelis.
- Galite rodyti LCP žiniatinklio šriftų kelius Veiklos įžvalgos skydelis.
Šios funkcijos gali pagerinti jūsų naršyklės kūrimo įrankių naudojimą.
Ką gaunate iš „Chrome 106“.
Naujausi „Chrome 106“ kūrėjų įrankių patobulinimai pagreitina derinimo procesą. Naujieji atnaujinimai leidžia lengviau vizualizuoti operacijas naudojant supaprastintą ir dinamišką konsolę, kuri leidžia paslėpti failus, išjungti scenarijus, įrašyti ir nuodugniai peržiūrėti programą, kai derinimas.
„Chrome 106“ papildymai leis jums valdyti programą ir optimizuoti jos veikimą. Pirmyn ir mėgaukitės šiais pranašumais atnaujinę į naujausią „Chrome 106“ versiją.