Что нового в инструментах разработчика (Chrome 146)

Опубликовано: 10 марта 2026 г.

В Chrome 146 улучшена поддержка таблиц стилей Adopted Style Sheets на панели Elements, значительно улучшена навигация по истории консоли и упрощен рабочий процесс отладки в режиме конфиденциальности , а также внесены различные другие мелкие исправления и обновления.

Обновления сервера DevTools MCP

Сервер DevTools MCP теперь доступен в версии 0.19.0, предлагая новые мощные инструменты, повышение эффективности и специализированные возможности отладки:

  • Интегрированные аудиты Lighthouse: Теперь вы можете запускать аудиты Lighthouse непосредственно через MCP, что позволяет автоматизировать проверки производительности и качества в рамках рабочих процессов ваших агентов.
  • Режим Slim: теперь доступен новый режим --slim , предназначенный для оптимизации описаний инструментов и параметров с целью максимальной экономии токенов.
  • Новые навыки отладки: добавлены специальные навыки для аудита и отладки доступности, а также для отладки и оптимизации процесса отрисовки самого большого контента (LCP).
  • Расширенные инструменты и возможности: сервер теперь поддерживает контексты браузера с изолированным хранилищем, экспериментальную запись видео с экрана, новый инструмент take_memory_snapshot и расширенные возможности взаимодействия, такие как type_text .

Полный список изменений можно найти в общедоступном журнале изменений на GitHub .

Сохранить историю изменений в консоли

Устранена давняя проблема в консоли . Ранее, если вы редактировали команду, взятую из истории, и переходили на другую страницу (нажимая «Вверх» или «Вниз»), ваши изменения терялись.

В Chrome 146 инструменты разработчика теперь сохраняют ваши изменения при перемещении по истории команд. Вы можете начать изменять предыдущую команду, найти другую и вернуться к черновику, не теряя при этом свою работу.

Это вклад сообщества, спасибо @hjanuschka !

Номер выпуска Chromium: 355108929

Улучшена поддержка принятых таблиц стилей.

Отладка веб-компонентов и современных архитектур CSS теперь стала намного проще. Принятые таблицы стилей больше не скрыты; теперь они сгруппированы в специальном узле #adopted-style-sheets в дереве DOM на панели «Элементы» .

Вы можете просматривать эти таблицы стилей так же, как и стандартные теги <style> , и даже редактировать их правила непосредственно в панели «Стили» . Это обеспечивает согласованность между созданными таблицами стилей и декларативными стилями, упрощая отладку теневого DOM, веб-компонентов и общих систем дизайна.

В панели «Элементы» добавлены таблицы стилей с возможностью редактирования непосредственно в тексте.

Проблемы Chromium: 476399197 , 40802935

Поддержка плотной сетки

В редакторе сеток в панели «Стили» теперь поддерживается алгоритм dense упаковки. При редактировании grid-auto-flow появится новый флажок для ключевого слова dense , позволяющий быстро переключаться между стандартным и плотным режимами упаковки непосредственно из пользовательского интерфейса.

Новый флажок «Расширить размер» в редакторе таблиц.

Это был вклад сообщества, спасибо @TheNourhan !

Проблема с Chromium: 40791512

Упрощенная отладка конфиденциальности

Бывшая панель «Конфиденциальность и безопасность» переименована в «Безопасность» и приведена в порядок для уменьшения загромождения пользовательского интерфейса и оптимизации процессов отладки. Вся информация, касающаяся конфиденциальности, такая как проблемы с файлами cookie третьих сторон и проверка потенциальных сбоев, теперь отображается непосредственно в консоли .

Это изменение означает, что вам больше не нужно переключаться между панелями для диагностики проблем с конфиденциальностью; они отображаются вместе с другими вашими журналами и ошибками, предоставляя мгновенный контекст.

Проблема с Chromium: 473796598

Различные важные моменты

  • Источники: В результате масштабной переработки архитектуры трассировки стека устранены проблемы, из-за которых задержка загрузки карт исходного кода приводила к неожиданным скачкам или переключению файлов в пользовательском интерфейсе.
  • Сеть: Всплывающее окно инициатора теперь использует улучшенную систему трассировки стека для более надежных цепочек запросов.

Объявления о доступности

В этой версии внесены следующие улучшения доступности:

  • Программа записи экрана: теперь программы чтения с экрана озвучивают момент включения/выключения боковой панели «Показать код».
  • Приложение: Новые заголовки отчетов «Общее хранилище», «Кэширование назад/вперед» и «Снижение количества отказов» теперь корректно отображаются как заголовки.
  • Настройки: Улучшена поддержка режима высокой контрастности для элементов быстрого доступа и цветных кнопок.
  • Общие изменения: Улучшена видимость фокуса для различных элементов пользовательского интерфейса, включая панель обзора CSS и элементы медиаплеера.

Проблемы с Chromium: 479882111 , 478888141 , 479250362