Добавляем в Chrome Developer Tools немного саблайма

Добавляем в Chrome Developer Tools немного саблайма

Published 3 года ago // 2 комментария

Просматривая на днях очередную лекцию звезды мирового фронтенда Пола Айриша (Paul Irish), я обратил  внимание на то, что даже в инспекторе Google Chrome он использует темную тему оформления, которая так успела полюбиться громадному числу разработчиков, в числе которых оказался и я.

К слову сказать, на всех IDE, которыми я пользовался и пользуюсь, первым делом я изменяю тему оформления на темную, тк по-моему, сугубо личному мнению, глаза после рабочего дня устают гораздо меньше.

Вдохновившись перспективой, что в скором времени я превращу инспектор Chrome в некое подобие своего любимого редактора Sublime Text, я начал поиск. Далее я приведу лишь пару тем оформления, которые по-моему мнению, являются наиболее удачными.

Как установить тему оформления

Цветовые схемы, которые здесь представлены устанавливаются из Chrome Web Store, что сводит их применение до следующих трех простых шагов.

  1. Установите понравившуюся тему оформления из магазина приложений Chrome
  2. Перейдите по адресу chrome://flags/#enable-devtools-experiments и нажмите Enable. Затем в этом же окне нажмите Relaunch Now.
  3. Откройте настройки инспектора Chrome и во вкладке Experiments tab включите галочку напротив Allow custom UI themes

 

Zero Dark MatrixChrome Web Store

ZeroDarkMatrix

 

Flatland  — Chrome web Store

2014-10-12 00-02-54 DevTools Theme: Flatland - Chrome Web Store

 

GreybeardChrome Web Store

2014-10-12 00-05-42 greybeard devtools theme - Chrome Web Store

 

Antonio BrandaoChrome Web Store

2014-10-12 00-07-47 Antonio Brandao Devtools Monokai Theme - Chrome Web Store

 

Следующим шагом, который мной задумано проделать является автоматическое внесение всех вносимых изменений в инспекторе в файлы на удаленном сервере. Для локальных файлов я уже решил этот вопрос, если интересно могу в комментариях рассказать что да как..