Как изменить тему консоли разработки Chrome

Если вы находитесь в Chrome, нажмите F12 , Ctrl + Shift + J или Ctrl + Shift + I, он запустит консоль разработчика Chrome. Некоторые называют это инструментом разработчика, а некоторые — отладчиком. Неважно, как вы это хотите называть, Chrome Developer Console — очень мощный инструмент, встроенный прямо в Chrome. В некоторой степени он может заменить вашу IDE или текстовый редактор. Некоторое время назад Google добавил возможность для Chrome Dev Tool сопоставлять исходный код любого сайта с вашим локальным каталогом рабочей области. Это позволяет разработчикам выполнять редактирование, сохранение и проверку в реальном времени прямо в Chrome. Это следующее поколение веб-разработки, вам больше не нужно переключаться между IDE или текстовым редактором в Chrome. Единственным недостатком, возможно, является отсутствие настройки того, как будет выглядеть консоль разработки.

Тем не менее, Chrome очень расширяем. Ненавидите внешний вид вашей консоли разработки по умолчанию? Вы можете применять темы, чтобы изменить внешний вид по умолчанию.

Сначала перейдите в chrome://flags , найдите флаг под названием «Включить эксперименты с инструментами разработчика» и убедитесь, что включите этот флаг и перезапустите Chrome после того, как закончите.

Затем откройте Инструмент разработки и перейдите к настройкам.

Убедитесь, что в разделе «Эксперименты» включен параметр « Разрешить настраиваемые темы пользовательского интерфейса ».

Теперь все, что нам нужно, это найти тему по своему вкусу. Есть много вариантов, вы можете выполнить поиск по «DevTool Theme» в Google, чтобы попробовать разные темы, или перейти на этот сайт http://devthemez.com/themes/chrome-developer-tools, который содержит очень богатый список тем. библиотеки на ваш выбор.

Пример темы ниже называется « Zero Dark Matrix »

Найдя тему, установите ее через магазин Google Chrome и перезапустите инструмент Chrome Dev.

Любая новая установленная вами тема переопределит предыдущую. Вы можете управлять ими в chrome://extensions

Вот и все, теперь вы можете редактировать JavaScript, HTML, CSS прямо в Chrome. Попробуйте, и я уверен, что вам это пригодится.

Оцените статью
toodcast.ru
Добавить комментарий