Что нового в DevTools, Chrome 141

София Емельянова
Sofia Emelianova

Инструменты разработчика Chrome (MCP) для вашего ИИ-агента

Теперь вы можете ознакомиться с предварительной версией нового сервера протокола контекста модели (MCP) Chrome DevTools. Он расширяет возможности Chrome DevTools для помощников в программировании на основе искусственного интеллекта.

Ранее программисты-помощники не могли видеть, что именно делает сгенерированный ими код при выполнении в браузере. Сервер Chrome DevTools MCP меняет это. Искусственные интеллекты-помощники могут отлаживать веб-страницы непосредственно в Chrome, используя возможности отладки DevTools и анализируя производительность. Это повышает точность выявления и устранения проблем.

Убедитесь сами, как это работает:

Для получения дополнительной информации см. Chrome DevTools (MCP) для вашего ИИ-агента .

Отладка дерева сетевых зависимостей с помощью Gemini.

В разделе «Производительность > Аналитика > Дерево сетевых зависимостей» теперь есть кнопка «Отладка с помощью ИИ» , которая переводит вас на панель помощи ИИ , где вы можете обсудить и отладить это дерево с помощью Gemini.

Сравнение состояния до и после добавления кнопки «Отладка с помощью ИИ» в раздел «Дерево сетевых зависимостей».

Экспортируйте свои чаты с помощью Gemini

Теперь вы можете экспортировать текущий чат с Gemini или скопировать ответ в буфер обмена, нажав кнопку «Экспорт разговора» на верхней панели действий или «Скопировать ответ» под сообщением Gemini в чате.

Фотографии до и после добавления кнопок экспорта и копирования в систему автоматического поиска и копирования.

Сохраненная конфигурация трека на панели «Производительность».

При настройке записанной дорожки на панели «Производительность» DevTools теперь сохраняет ваши настройки и применяет их при импорте или записи новой дорожки.

Фильтрация сетевых запросов, защищенных IP-адресом.

В панели «Сеть» теперь можно фильтровать запросы, отправляемые на прокси-серверы IP Protection.

Сравнение состояния до и после добавления фильтра «Защищенные IP-адреса запросы» на панель «Сеть».

Вкладка «Элементы > Макет» добавляет поддержку макета «кирпичная кладка».

Теперь вы можете просмотреть схему расположения элементов в разделе «Элементы > Стили» .

Разметка каменной кладки — это метод разметки, при котором по одной оси используется типичная строгая сетка, чаще всего с колоннами, а по другой — разметка каменной кладки.

Фотографии до и после добавления поддержки макета "кирпичная кладка" в раздел "Элементы" - "Макет".

Маяк 12.8.2

В панели управления Lighthouse теперь используется Lighthouse 12.8.2.

В этой версии Lighthouse особенно выделяет обнаруженные проблемы с пользовательскими свойствами CSS в отдельные сообщения об ошибках.

См. также полный список изменений .

Чтобы узнать основы использования панели Lighthouse в инструментах разработчика, см. статью «Lighthouse: оптимизация скорости веб-сайта» .

Проблема Chromium: 40543651 .

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

Вот лишь некоторые из многочисленных существенных исправлений и улучшений в этом релизе:

  • Производительность : В событиях обратного вызова Request Idle теперь учитывается свойство timeout ( crbug.com/441679219 ).
  • Доступность . Программы чтения с экрана теперь будут озвучивать следующее:
    • «Это новая функция» для продвигаемых пунктов меню команд ( crbug.com/441485154 ).
    • Панель инструментов автозавершения кода ( crbug.com/433952045 ).
  • Сеть : щелчок правой кнопкой мыши по элементу журнала сети выделяет его ( crbug.com/368510578 ).

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

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

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

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

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

Список всего, что было рассмотрено в серии статей «Что нового в инструментах разработчика» .