На этой странице перечислены способы настройки Chrome DevTools.
Настройки
Настройки > Настройки содержат множество опций для настройки DevTools.
См. Открытие настроек и настроек .
Темная тема
Вы можете включить темную тему в настройках или меню команд .
- Откройте командное меню .
Начните вводить
dark, выберите команду «Переключиться на темную тему» и нажмите Enter , чтобы запустить команду.
Альтернативно, установите свою тему в
Настройки > Настройки > Внешний вид > Темы .
Динамическая тема
DevTools может автоматически соответствовать цветовой теме Chrome.
Чтобы установить тему:
- Откройте новую вкладку и нажмите «Изменить настройку Chrome» в правом нижнем углу.
- В разделе «Внешний вид» выберите тему с помощью обоев. Измените темы или выберите цветовую палитру.
Ящик
Ящик содержит множество скрытых функций.
Нажмите Escape , чтобы открыть или закрыть ящик.
Нажмите 
Дополнительные инструменты для открытия других вкладок ящика .
Изменить размещение DevTools
По умолчанию DevTools закреплен справа от области просмотра. Вы также можете закрепить DevTools внизу или слева или открепить DevTools в отдельном окне.
Вы можете изменить расположение DevTools двумя способами:
- Главное меню : Открыть
Настройте и управляйте DevTools и нажмите: 
Открепить в отдельное окно 
Закрепить слева 
Закрепить внизу 
Закрепить вправо
Командное меню :
- Откройте командное меню .
- Начните вводить
dockи выберите один из предложенных вариантов: закрепить внизу, влево, вправо, открепить или восстановить последнее положение закрепления.
Чтобы включить параметр «Восстановить последнее положение стыковки» с помощью сочетания клавиш, нажмите:
- В Linux или Windows: Control + Shift + D.
- В MacOS: Command + Shift + D.
Изменение порядка панелей, вкладок и панелей
Чтобы изменить порядок, щелкните и перетащите влево или вправо любой из следующих элементов:
- Панели в верхней части DevTools.
- Панели на панели «Элементы» , такие как «Стили» , «Вычисляемые» , «Макет » и другие.
- Панели на панели «Источники» , такие как «Страница» , «Рабочая область », «Переопределения» и другие.
- Вкладки ящиков в нижней части DevTools.
Кроме того, вы можете перемещать панели и вкладки вверх и вниз в ящик и обратно. Для этого щелкните правой кнопкой мыши панель или вкладку и выберите «Переместить вверх» или «Переместить вниз» в раскрывающемся меню.
Ваш пользовательский порядок вкладок сохраняется во всех сеансах DevTools.
Компоновка панели
По умолчанию DevTools автоматически меняет расположение панели в зависимости от размера окна. Вы можете отключить автоперестановку. Перейдите в «Настройки» > обновите макет панели в соответствии с вашими предпочтениями.
Например, панель «Стили» на панели «Элементы» переместится сбоку вниз, если размер экрана мал. Если вы хотите, чтобы панель «Стиль» всегда оставалась сбоку, измените расположение панели на вертикальное .
Изменить язык пользовательского интерфейса DevTools
Видеть 
Настройки > Настройки > Внешний вид > Язык .
Синхронизировать настройки
Вы можете синхронизировать настройки DevTools на нескольких устройствах.
Чтобы включить синхронизацию, сначала включите Chrome Sync . После включения настройки DevTools синхронизируются по умолчанию.
Вы можете включить или отключить синхронизацию настроек DevTools отдельно, используя 
Настройки > Синхронизация > 
Установите флажок «Включить синхронизацию настроек» .
DevTools синхронизирует большинство настроек, за исключением вкладок «Рабочая область », «Эксперименты » и «Устройства », а также некоторых других общих настроек. Состояние флажка «Включить синхронизацию настроек» также синхронизируется между устройствами.
Например, следующие параметры внешнего вида синхронизируются, поэтому вы получаете единообразную работу на всех устройствах и вам не нужно повторно определять одни и те же параметры.
Однако параметры закрепления не синхронизируются, поскольку у разработчиков разные настройки закрепления при отладке на разных сайтах.
Настройте сочетания клавиш
См. «Настройки» > «Ярлыки» .