Поделиться через

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

  • Статья

Чтобы проверка последние возможности Microsoft Edge DevTools и расширения Microsoft Edge DevTools для Microsoft Visual Studio Code и Visual Studio, ознакомьтесь с этими объявлениями.

Чтобы оставаться в курсе событий и получать последние возможности DevTools, скачайте предварительную версию Microsoft Edge для участников программы предварительной оценки. Независимо от того, используете ли вы Windows, Linux или macOS, рассмотрите возможность использования Canary (или другого канала предварительной версии) в качестве браузера разработки по умолчанию. Бета-версии, версии Dev и Canary Microsoft Edge выполняются как отдельные приложения, параллельно с стабильной выпущенной версией Microsoft Edge. См . статью Каналы предварительной оценки Microsoft Edge.

Чтобы узнать последние объявления, следите за новостями команды Microsoft Edge в Twitter. Чтобы сообщить о проблеме с DevTools или запросить новую функцию, отправьте сообщение о проблеме в репозиторий MicrosoftEdge/DevTools .

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

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

Вкладка Z-индекс в инструменте трехмерного представления

См. также:

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

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

Значок в инструменте

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

Значок в инструменте

См. также:

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

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

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

Средство покрытия, показывающее сведения для исходных файлов, сопоставленных с исходным кодом, а также созданных файлов

См. также:

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

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

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

Кнопки

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

См. также:

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

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

Раздел

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

См. также:

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

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