Prispôsobenie nástrojov pre vývojárov Chrome pomocou nástroja DevTools Author

Ak ste vývojár frontend, mali by ste už vedieť o paneli DevTools prehliadača Google Chrome. Táto verzia je dodávaná s každou verziou prehliadača Chrome, ktorá ponúka nástroje na úpravu surového kódu HTML / CSS spolu s konzolou JS a možnosť manipulovať DOM v reálnom čase.

Nový bezplatný doplnok prehliadača Chrome nazvaný DevTools Author vám umožní prispôsobiť panel DevTools doplnkovými farebnými schémami syntaxe, unikátnymi písmenami a vlastnými veľkosťami písma.

Nastavenie je veľmi jednoduché. Stačí rozšíriť webovú lokalitu Chrome Webstore a potom prejsť na tento odkaz v prehliadači: chrome: // flags / # enable-Devtools-experimenty

Nájdete sa na paneli Chrome Flags, kde by ste mali povoliť experimenty s nástrojmi DevTools. Akonáhle je to možné, mali by ste reštartovať prehliadač Chrome, otvorte panel nastavení programu DevTools a nájdite kartu "experimenty".

Potom stačí skontrolovať "povoľte vlastné témy používateľského rozhrania" a máte dobré ísť!

Môžete si vybrať z viac ako 25 rôznych syntaktických farieb, ktoré robia z editora prehliadača Chrome oveľa jednoduchšie používanie. A môžete zmeniť veľkosť písma z 10px-22px alebo dokonca aktualizovať fonty konzoly na všetky predinštalované fonty vo vašom operačnom systéme.

Tento doplnok nepridáva do programu DevTools žiadne základné funkcie, ale skôr vám umožňuje zmeniť štýl a vzhľad vášho okna DevTools. Je prekvapujúco jednoduché nakonfigurovať a môže spôsobiť, že vaše skúsenosti s nástrojmi DevTools sú oveľa viac prispôsobené.

Ak máte počas inštalácie nejaké problémy, pozrite si toto intro video so sprievodcom.