Что нового в DevTools (Chrome 107)

Настройка сочетаний клавиш в DevTools

Теперь вы можете настраивать сочетания клавиш для своих любимых команд в DevTools.

Откройте «Настройки» > «Сочетания клавиш» , наведите указатель мыши на команду и нажмите кнопку «Изменить» (значок пера), чтобы настроить сочетание клавиш. Вы также можете создавать аккорды (так называемые сочетания клавиш для нажатия нескольких клавиш).

Настройте сочетания клавиш в DevTools.

Проблемы с хромом: 1335274 , 174309.

Переключение светлых и темных тем с помощью сочетания клавиш

Настройте сочетание клавиш для удобного переключения светлых и темных тем . По умолчанию действие не соответствует никакому сочетанию клавиш.

Переключайте светлые и темные темы с помощью сочетания клавиш.

Проблемы с хромом: 1280398 , 1226363

Выделите объекты C/C++ в инспекторе памяти.

Инспектор памяти выделяет все байты объекта памяти C/C++.

Распознавание байтов объекта среди окружающей памяти WebAssembly было болезненной проблемой. Вы должны знать размер объекта и считать байты с начала объекта.

Благодаря этой функции вы сможете отличить их от окружающих воспоминаний. Дополнительные сведения об изменениях см. в разделе Расширение инспектора памяти для отладки C/C++ .

Выделите объекты C/C++ в инспекторе памяти.

Проблема с хромом: 1336568

Поддержка полной информации об инициаторе импорта HAR.

Полная информация об инициаторе теперь доступна для импорта HAR . Раньше на панели «Сеть» во время импорта отображалась только частичная информация об инициаторе.

Информация об инициаторе помогает разработчикам отслеживать происхождение сетевого запроса и выявлять проблемы, связанные с сетью.

Поддержка полной информации об инициаторе импорта HAR.

Проблема с хромом: 1343185

Запустите поиск DOM после нажатия Enter

Теперь вы можете отключить настройку «Поиск по мере ввода», чтобы всегда запускать поиск по DOM после нажатия Enter .

На панели «Элементы» переключите панель поиска с помощью Control или Command + F. Когда вы вводите запрос в текстовое поле поиска, дерево DOM перейдет к первому соответствующему элементу и выделит его по умолчанию.

Для пользователей, особенно тестировщиков, которые всегда работают с длинными поисковыми запросами, такое поведение не является идеальным. Дерево DOM может перескакивать несколько раз при вводе длинного поискового запроса (например, //div[@id="example"] ). Такое поведение создает ненужное движение.

DOM-поиск.

Перейдите в «Настройки» > «Настройки» , отключите «Поиск по мере ввода» . Благодаря этому изменению поиск начнется только после того, как вы нажмете Enter .

Поиск по мере ввода настроек.

Проблема с хромом: 1344526

Отображать значки start и end для свойств флексбокса CSS align-content

На панели «Стили» отредактируйте свойства align-content в классе CSS с помощью display: flex или display: inline-flex . start и end отображаются в раскрывающемся списке автозаполнения со значками.

Свойства флексбокса align-content.

Проблема с хромом: 1139945

Разное

  • Отображение правильного количества сообщений на боковой панели консоли . Раньше счетчики не обновлялись при очистке сообщений консоли. ( 1343311 )

Загрузите предварительный просмотр каналов

Рассмотрите возможность использования Chrome Canary , Dev или Beta в качестве браузера для разработки по умолчанию. Эти каналы предварительного просмотра предоставляют вам доступ к новейшим функциям DevTools, позволяют тестировать передовые API-интерфейсы веб-платформы и помогают находить проблемы на вашем сайте раньше, чем это сделают ваши пользователи!

Свяжитесь с командой Chrome DevTools

Используйте следующие параметры, чтобы обсудить новые функции, обновления или что-либо еще, связанное с DevTools.

Что нового в DevTools

Список всего, что было описано в серии «Что нового в DevTools» .