Настройка инструментов разработчика Chrome с помощью DevTools Author

Если вы являетесь веб-разработчиком, то вы уже должны знать о панели Google Chrome DevTools. Это поставляется в комплекте с каждой версией Chrome, предлагающей инструменты для редактирования необработанного HTML / CSS вместе с консолью JS и возможностью манипулирования DOM в режиме реального времени..

Новый бесплатный плагин Chrome под названием DevTools Author позволяет настроить панель DevTools с помощью дополнительных синтаксических цветовых схем, уникальных шрифтов и нестандартных размеров шрифтов..

Установка довольно проста. Вы просто устанавливаете расширение из интернет-магазина Chrome, а затем переходите по этой ссылке в браузере: хром: // флаги / # Enable-Devtools-эксперименты

Вы окажетесь на панели Chrome Flags, где вы должны включить эксперименты DevTools. Как только это будет включено, вы должны перезапустить Chrome, открыть панель настроек DevTools и найти вкладку «эксперименты».

Затем вы просто отмечаете «разрешить пользовательские темы интерфейса», и все готово!

Вы можете выбрать из более чем 25 различных синтаксических цветовых схем, которые значительно упрощают использование редактора Chrome. И вы можете изменить размер шрифта с 10px-22px или даже обновить консольные шрифты до любых предварительно установленных шрифтов в вашей операционной системе..

Этот плагин не добавляет никаких основных функций в DevTools, но позволяет вам изменять стиль и внешний вид вашего окна DevTools. Его удивительно легко настроить, и он может сделать ваш опыт DevTools более персонализированным.

Если у вас возникли проблемы во время установки, ознакомьтесь с этим видео.