Tinkinkite „Chrome“ kūrėjų įrankius su „DevTools“ autoriu

Jei esate „Frontend“ kūrėjas, tuomet turėtumėte žinoti apie „Google Chrome“ „DevTools“ skydelį. Tai pateikiama kartu su visomis „Chrome“ versijomis, kuriose yra įrankiai, skirti redaguoti neapdorotą HTML / CSS ir JS konsolę, ir galimybė manipuliuoti DOM realiuoju laiku.

Naujas nemokamas „Chrome“ įskiepis „DevTools Author“ leidžia jums pritaikyti „DevTools“ skydelį su papildomomis sintaksės spalvų schemomis, unikaliais šriftais ir pasirinktiniais šrifto dydžiais.

Sąranka yra gana paprasta. Paprastai įdiegiate plėtinį iš „Chrome“ internetinės parduotuvės ir apsilankykite šioje nuorodoje naršyklėje: chrome: // flags / # įgalinti-devtools-eksperimentus

Jus rasite „Chrome“ vėliavų skydelyje, kuriame turėtumėte įgalinti „DevTools“ eksperimentus. Kai tai įgalinta, turėtumėte iš naujo paleisti „Chrome“, atidaryti „DevTools“ nustatymų skydelį ir rasti skirtuką „eksperimentai“.

Tada tiesiog patikrinkite „leisti pritaikytas vartotojo sąsajos temas“ ir jūs gerai einate!

Galite rinktis iš daugiau nei 25 skirtingų sintaksės spalvų schemų, dėl kurių „Chrome“ redaktorius yra daug lengviau naudojamas. Be to, galite keisti šrifto dydį nuo 10px-22px arba net atnaujinti konsolės šriftus prie bet kokių iš anksto įdiegtų šriftų jūsų operacinėje sistemoje.

Šis įskiepis neprideda jokių pagrindinių funkcijų į „DevTools“, bet leidžia pakeisti „DevTools“ lango stilių ir išvaizdą. Tai neįtikėtinai lengva konfigūruoti ir gali padaryti jūsų „DevTools“ patirtį labiau individualizuotą.

Jei nustatymo metu kyla problemų, patikrinkite šį vadovaujamą intro vaizdo įrašą.