Dostosuj Chrome Developer Tools z DevTools Author

Jeśli jesteś programistą frontendu, powinieneś już wiedzieć o panelu DevTools Google Chrome. Dostarczany jest wraz z każdą wersją Chrome oferującą narzędzia do edycji surowego HTML / CSS wraz z konsolą JS i możliwością manipulowania DOMem w czasie rzeczywistym.

Nowa darmowa wtyczka Chrome o nazwie DevTools Author pozwala dostosować panel DevTools za pomocą dodatkowych schematów kolorów składni, unikalnych czcionek i niestandardowych rozmiarów czcionek.

Konfiguracja jest całkiem prosta. Wystarczy zainstalować rozszerzenie z Chrome Webstore, a następnie odwiedzić ten link w przeglądarce: chrome: // flags / # enable-devtools-experiments

Znajdziesz się w panelu Flagi Chrome, w którym należy włączyć eksperymenty DevTools. Po włączeniu należy ponownie uruchomić Chrome, otworzyć panel ustawień DevTools i znaleźć kartę „eksperymenty”.

Następnie po prostu zaznacz opcję „zezwól na niestandardowe motywy interfejsu użytkownika” i dobrze jest przejść!

Możesz wybrać spośród ponad 25 różnych schematów kolorów składni, dzięki którym edytor Chrome jest znacznie łatwiejszy w użyciu. Możesz także zmieniać rozmiary czcionek z 10px-22px lub nawet aktualizować czcionki konsoli do dowolnych wstępnie zainstalowanych czcionek w systemie operacyjnym.

Ta wtyczka nie dodaje żadnych podstawowych funkcji do DevTools, ale pozwala zmienić styl i wygląd okna DevTools. Konfiguracja jest zaskakująco łatwa i może sprawić, że doświadczenie DevTools będzie bardziej spersonalizowane.

Jeśli masz problemy podczas konfiguracji, sprawdź to wideo z przewodnikiem.