Pielāgojiet Chrome izstrādātāju rīkus, izmantojot DevTools Author

Ja esat Frontend izstrādātājs, jums jau jāzina par Google Chrome DevTools paneli. Tas ir saistīts ar katru Chrome versiju, kas piedāvā rīkus, lai rediģētu neapstrādātu HTML / CSS kopā ar JS konsoli un spēju manipulēt DOM reālā laikā.

Jauns bezmaksas Chrome spraudnis DevTools autors ļauj pielāgot DevTools paneli ar papildu sintakses krāsu shēmām, unikāliem fontiem un pielāgotiem fontu izmēriem.

Iestatīšana ir diezgan vienkārša. Jūs vienkārši instalējat paplašinājumu no Chrome interneta veikala un pēc tam apmeklējiet šo saiti pārlūkprogrammā: chrome: // flags / # enable-devtools-eksperimenti

Jūs atradīsiet Chrome karogu panelī, kurā jāiespējo DevTools eksperimenti. Kad tas ir iespējots, pārlūkam Chrome vajadzētu restartēt, atveriet DevTools iestatījumu paneli un atrast cilni "eksperimenti".

Tad jūs vienkārši pārbaudiet "atļaut pielāgotas lietotāja interfeisa tēmas" un jums ir labi iet!

Varat izvēlēties no vairāk nekā 25 dažādām sintakses krāsu shēmām, kas padara Chrome redaktoru daudz vieglāk lietojamu. Un jūs varat mainīt fonta izmērus no 10px-22px vai pat atjaunināt konsoles fontus uz jebkuru iepriekš instalēto fontu savā operētājsistēmā.

Šis spraudnis nepievieno DevTools galvenās funkcijas, bet drīzāk ļauj mainīt sava DevTools loga stilu un izskatu. Tas ir pārsteidzoši viegli konfigurēt, un tas var padarīt jūsu DevTools pieredzi daudz personalizētāku.

Ja uzstādīšanas laikā rodas kādas problēmas, pārbaudiet šo vadošo videoierakstu.