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

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

Вкладки Z-индексов и DOM в инструменте 3D-представления теперь работают

В последних версиях Microsoft Edge в средстве трехмерного просмотра возникла ошибка, из-за чего вкладки Z-индекса и DOM работали неправильно. Вкладки завершатся сбоем или зависанием, а вместо этого отображается содержимое вкладки Составные слои . Эта проблема устранена в Microsoft Edge 121:

См. также:

• Навигация по слоям веб-страниц, z-индексу и модели DOM с помощью инструмента трехмерного представления

Правильно Скрыть отладчик или Показать значок отладчика отображается в средстве "Источники"

Значок, используемый для сворачивания или расширения области Отладчик справа в средстве "Источники" , был неправильным. Вместо значка Показать отладчик отображается значок Скрыть отладчик и наоборот:

В Microsoft Edge 121 теперь отображается правильный значок:

См. также:

• Общие сведения о средстве "Источники"

Добавлена поддержка исходной карты в средстве покрытия

До Microsoft Edge 121 средство покрытия отображало только сведения о созданных файлах и пропускало исходные файлы даже при присоединении карты источника. Теперь средство покрытия улучшено, чтобы при присоединении к созданному файлу карты источника средство покрытия отображало сведения как для исходного файла, так и для созданного файла.

Например, до Microsoft Edge 121 отчет о покрытии для демонстрационной страницы медленного Calendar содержал только одну статическую строку для bundle.js файла. Теперь bundle.js можно развернуть строку в отчете о покрытии, чтобы отобразить все исходные исходные файлы, составляющие этот скомпилированный bundle.js файл:

См. также:

• Поиск неиспользуемого кода JavaScript и CSS с помощью средства покрытия

Расширенные возможности фильтрации на вкладках "Снизу вверх", "Дерево вызовов" и "Журнал событий" в средстве "Производительность"

В средстве "Производительность " на вкладки "Снизу вверх", "Дерево вызовов" и "Журнал событий " добавлены следующие расширенные кнопки фильтрации:

• Вариант соответствия.
• Используйте регулярное выражение.
• Совпадение с целым словом.

Кроме того, на вкладке "Снизу вверх " фильтр был обновлен и теперь применяется только к элементам верхнего уровня, а не к каждому узлу.

См. также:

• Анализ производительности среды выполнения (руководство)

Инструменты для наложения оконных элементов управления PWA

В средстве приложения есть новый раздел Наложение оконных элементов управления в разделе Манифест, который поможет разработчикам PWA просмотреть, как их приложение обрабатывает элементы управления окнами, без необходимости устанавливать PWA и вносить изменения стиля, необходимые для размещения оконных элементов управления:

Используйте раздел Наложение оконных элементов управления для эмуляции оконных элементов управления для Windows, Linux и macOS.

См. также:

• Имитация API наложения элементов управления окнами без установки PWA
• Отображение содержимого в области заголовка с помощью наложения элементов управления окнами
• Средство приложения для управления хранилищем

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

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

• Улучшения элементов
  • поддержка значений палитры @font
  • Поддерживаемый вариант: пользовательское свойство в качестве резервного варианта другого настраиваемого свойства
• Улучшенная поддержка карты источника
• Улучшения панели производительности
  • Отслеживание расширенных взаимодействий
  • Расширенная фильтрация на вкладках "Снизу вверх", "Дерево вызовов" и "Журнал событий"
• Маркеры отступов на панели "Источники"
• Полезные подсказки для переопределенных заголовков и содержимого на панели "Сеть"
• Новые параметры меню команд для добавления и удаления шаблонов блокировки запросов
• Удален эксперимент с нарушениями CSP
• Специальные возможности

См. также

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