Personalizați instrumentele pentru dezvoltatorii Chrome cu ajutorul autorului DevTools

Dacă sunteți dezvoltator frontend, atunci ar trebui să știți deja despre panoul DevTools al Google Chrome. Acesta este livrat împreună cu fiecare versiune a browserului Chrome, care oferă instrumente pentru editarea codurilor HTML / CSS primite împreună cu o consolă JS și capacitatea de a manipula DOM în timp real.

Un nou plugin Chrome, numit DevTools Author, vă permite să personalizați panoul DevTools cu scheme de culoare suplimentare pentru sintaxă, fonturi unice și dimensiuni personalizate pentru fonturi.

Setarea este destul de simplă. Trebuie doar să instalați extensia de pe Webstore Chrome și apoi să accesați acest link în browserul dvs.: chrome: // flags / # enable-DevTools-experimente

Veți găsi în panoul Chrome Flags unde ar trebui să activați experimentele DevTools. Odată ce ați activat, ar trebui să reporniți Chrome, să deschideți panoul de setări DevTools și să găsiți fila "Experimente".

Apoi, bifați "permiteți temele personalizate ale UI" și sunteți bine să mergeți!

Puteți alege din peste 25 de scheme diferite de culori de sintaxă care fac editorul Chrome mult mai ușor de utilizat. Și puteți schimba dimensiunile fontului de la 10px-22px sau chiar să actualizați fonturile consolei la orice fonturi preinstalate din sistemul dvs. de operare.

Acest plugin nu adaugă niciun element central pe DevTools, ci vă permite să schimbați stilul și aspectul ferestrei DevTools. Este surprinzător de ușor de configurat și poate face experiența dvs. DevTools să se simtă mult mai personalizată.

Dacă întâmpinați probleme în timpul configurării, verificați acest videoclip intro cu ghid.