Дайджест DevTools: больше возможностей с новым командным меню

Прочтите о новом командном меню DevTools и его более чем 60 действиях, которые обеспечивают сверхбыстрые рабочие процессы.

Cmd/Ctrl+Shift+P, чтобы открыть командное меню.

Меню команд в DevTools

Диалог «Перейти к файлу», который появляется при нажатии Cmd + P (или Ctrl + P ) на панели «Источники», не очень известен, но существует уже некоторое время. Теперь мы пошли гораздо дальше и разработали командное меню, вдохновленное текстовым редактором, которое может управлять практически всеми важными действиями в DevTools.

Нажмите Cmd + Shift + P (или Ctrl + Shift + P ) в любом месте (даже если страница находится в фокусе!), чтобы открыть командное меню, затем введите текст для фильтрации и нажмите Enter , чтобы вызвать действие. Несколько примеров действий, которые вы можете попробовать:

  • Внешний вид: переключиться на темную тему.
  • DevTools: крепление вниз
  • Мобильное устройство: проверка устройств...
  • Сеть: перейти в автономный режим

Новое командное меню — это очень быстрый способ навигации и открытия новых настроек и действий в DevTools.

Ищете старое доброе диалоговое окно «Перейти к участнику», которое ранее также было связано с этим ярлыком? Он все еще здесь, просто нажмите Cmd + Shift + O (или Ctrl + Shift + O ).

Красиво печатный HTML

Красивый HTML.

У нас уже давно есть функция Pretty-print для источников JS и CSS, встроенная в панель «Источники», но только что мы расширили ее, чтобы поддерживать полноценную HTML-печать. Попробуйте — он не только переформатирует HTML, но также переформатирует JavaScript и CSS внутри него!


Как всегда, дайте нам знать, что вы думаете, через Twitter или комментарии ниже, а также сообщайте об ошибках на crbug.com/new .

До следующего месяца! Пол Бакаус и команда DevTools