Новые возможности средств разработки (Microsoft Edge 131)

Это последние функции в стабильном выпуске Microsoft Edge DevTools.

Visual Studio Code темы удалены

Функция Visual Studio Code тем теперь не рекомендуется. Эти темы по умолчанию отменить изменения в тему "Системные предпочтения". Темы Light+ и Dark+ по-прежнему поддерживаются. Чтобы выбрать тему, выберите Пункт Настройка и управление настройками Средства разработки>Тема> в раскрывающемся меню:

См. также:

• Проверьте наличие проблем с контрастностью с темной темой и светлой темой

Параметры эксперимента edge можно отключить

Ранее следующие эксперименты, которые были включены по умолчанию, не могли быть отключены даже после того, как они снимите флажки на странице Параметры Эксперименты > и перезагрузили Средства разработки:

• Включение webhint
• Отображение проблем в элементах
• Открытие исходных файлов в Visual Studio Code

Теперь это исправлено, и вы можете отключить эти эксперименты.

См. также:

• Включите webhint в экспериментальных функциях в Средствах разработки Microsoft Edge.
• Отображение проблем в элементахэкспериментальных функций в средствах разработки Microsoft Edge.
• Файлы с открытым кодом в Visual Studio Code в экспериментальных функциях в Средствах разработки Microsoft Edge.

Просмотр затрат на селектор CSS на боковой панели средства производительности

На левой боковой панели средства Производительность отображаются затраты на селекторы CSS на вкладке Аналитика :

Чтобы просмотреть затраты на селектор CSS, выполните приведенные далее действия.

1. В средстве Производительность нажмите кнопку Параметры захвата (), а затем установите флажок Включить статистику селектора CSS (медленно).

2. Запись производительности.

3. Если вкладка Аналитика не отображается, нажмите кнопку Показать боковую панель (), а затем откройте вкладку Аналитика .

4. Нажмите кнопку Css Selector costs (Затраты на выбор CSS), чтобы развернуть его раздел.

См. также:

• Анализ производительности селектора CSS во время событий recalculate Style

Исправлено изменение поля для выхода после нажатия клавиши TAB после автозавершения

Нажатие клавиши TAB после автозавершения выходит из поля редактирования и фокусируется на следующей точке фокуса. Ранее нажатие клавиши TAB просто отступал для текста.

Объявления из проекта Chromium

Microsoft Edge 131 также включает следующие обновления из проекта Chromium:

• Улучшения панели производительности
  • Создание заметок и совместное использование результатов производительности
  • Получение аналитических сведений о производительности прямо на панели Производительность
  • Проще обнаружить чрезмерные сдвиги макета
  • Обнаружить несоверяемые анимации
  • Аппаратный параллелизм перемещается в датчики
• Игнорировать анонимные скрипты и сосредоточиться на коде в трассировках стека
• Стили элементов > : поддержка режимов боковой записи* для наложений сетки и ключевых слов на уровне CSS

См. также

• Новые возможности средств разработки Microsoft Edge
• Заметки о выпуске веб-платформы Microsoft Edge