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

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

Улучшения подключения DevTools к серверу символов Azure Artifacts

В Microsoft Edge 115 проще и удобнее настраивать подключение Средств разработки к серверу символов Azure Artifacts. В предыдущих версиях Microsoft Edge для проверки подлинности на сервере символов необходимо было создать личные маркеры доступа (PAT) в Azure DevOps, а затем вставить их в Средства разработки. Теперь, пока вы вошли в Microsoft Edge с помощью рабочей учетной записи, вы можете подключиться к серверу символов с помощью Microsoft Entra ID.

Кроме того, теперь можно подключаться к нескольким серверам символов, если вам нужно получить исходные карты из разных организаций Azure DevOps. Вы также можете отфильтровать исходные карты, которые требуется получить с сервера символов, указав URL-адреса исходной карты в списке включения или исключения.

Сообщение Должно быть выбрано Организация Azure DevOps означает, что дважды щелкните организацию или щелкните ее, а затем нажмите клавишу ВВОД.

Подстановочные знаки

В текстовом поле Поведение фильтра поддерживаются следующие подстановочные знаки:

Подстановочный знак	Смысл
?	Соответствует одному символу.
*	Соответствует одному или нескольким символам.

Если выбрать список исключений, devTools попытается найти любые исходные карты для сценариев, кроме тех, которые имеют URL-адрес, соответствующий одной из записей в списке.

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

https://cdn.contoso.com/*
https://packages.contoso.com/*

В этом примере DevTools пытается разрешить только исходные карты, соответствующие этим двум шаблонам URL-адресов, и не пытается загрузить карты источника для других сценариев.

См. также:

• Безопасная отладка исходного кода путем публикации исходных карт на сервере символов Azure Artifacts
• Безопасная отладка исходного кода с помощью исходных карт сервера символов Azure Artifacts

Усовершенствования средств для работы с памятью

В предыдущих версиях Microsoft Edge в средстве "Память" при использовании инструментирования выделения для временная шкала типа профилирования (затем повторно помеченного как кнопка "Выделение на временная шкала" ) средство "Память" принимает выборку кучи каждые 50 миллисекунда. Тем не менее, выборка кучи масштабируется с размером кучи, поэтому при размере кучи 200 МБ на создание выборки фактически требуется 1,5 секунды. В результате на main потоке веб-сайта осталось мало времени, за пределами создания кучи примеров. При выполнении инструментирования выделения на временная шкала может выглядеть, как зависание или блокировка веб-содержимого.

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

Кроме того, в предыдущих версиях Microsoft Edge моментальные снимки кучи иногда включали объекты, которые должны были быть собраны мусором (GC'd). В Microsoft Edge 115 эта проблема устранена, и моментальные снимки кучи теперь более точны.

См. также:

• Ограничение доли времени ЦП, заданного для requestHeapStatsUpdate (4469909) · Обзор кода Gerrit
• Создание более точных моментальных снимков кучи (4499405) · Обзор кода Gerrit

Обновленные значки и кнопки средств разработки

В Microsoft Edge 115 пользовательский интерфейс DevTools изменился с новыми значками и кнопками. Например, при отладке в инструменте Источники текущий кадр в стеке вызовов обозначается синей стрелкой вправо. Этот значок больше соответствует значкам отладки в Microsoft Visual Studio и Microsoft Visual Studio Code:

В предыдущих версиях Microsoft Edge в представлении снизу вверх в средстве Производительность кнопки треугольника для сворачивания и расширения записанных действий отображались неправильно. В Microsoft Edge 115 эта проблема устранена, и теперь вы можете развернуть и свернуть отдельные действия, чтобы увидеть, какие функции их вызывает:

См. также:

• Пошаговое выполнение кода в функциях отладки JavaScript.
• Вкладка Bottom-Up в справочнике по функциям производительности.

Средства чтения с экрана правильно объявляют раскрывающееся состояние в режиме устройства

В предыдущих версиях Microsoft Edge в режиме устройства средства чтения с экрана неправильно объявляли состояние раскрывающихся меню как "развернутые", когда эти меню были фактически свернуты. В Microsoft Edge 115 эта проблема устранена, и средства чтения с экрана теперь правильно объявляют состояние раскрывающихся меню в режиме устройства как "свернуто" или "развернуто":

См. также:

• Эмуляция мобильных устройств (эмуляция устройств)

Улучшения профилирования для средства производительности

При записи профиля в средстве производительности подсистема JavaScript версии 8 принимает периодические выборки всех запущенных функций JavaScript, чтобы точно сообщать о времени ЦП в диаграмме пламени. При профилировании веб-сайта с большим количеством междоменных iframe-кадров эти примеры занимают много времени. Это приводит к значительным издержкам, замедляя main поток, что замедляет производительность веб-сайта во время профилирования. В Microsoft Edge 115 в Windows версия 8 собирает эти примеры более эффективно, что приводит к повышению производительности сайта при профилировании.

Кроме того, в инструменте Производительность теперь можно увидеть представление накладных расходов профилировщика в диаграмме пламени при записи профиля. Этот блок времени представляет время ЦП, необходимое для выборки и анализа событий при записи профиля, и не представляет время ЦП, с которым на самом деле сталкиваются пользователи вашего веб-сайта. События профилирования "Накладные расходы" были добавлены в диаграмму пламени, чтобы помочь в исследованиях производительности сосредоточиться на событиях компиляции кода и вычисления скрипта , которые влияют на фактических пользователей, а не на события, которые занимают только время, пока вы профилируете в средстве производительности .

См. также:

• Избегайте ожидания занятости в потоке выборки, если Windows поддерживает точный спящий режим (4453767) · Обзор кода Gerrit
• Показать версию 8. Время завершенияDeserialization в качестве накладных расходов профилировщика (4504370) · Обзор кода Gerrit
• Проблема 1428605: десериализация кэша кода версии 8 выполняется 2–4× медленнее, чем обычная компиляция без кэширования при включенном профилировании ЦП

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

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

• Улучшения элементов
  • Значок новой подсети CSS
  • Специфика селектора в подсказках
  • Значения настраиваемых свойств CSS в подсказках
• Улучшения источников
  • Выделение синтаксиса CSS
  • Ярлык для задания условных точек останова
• Устранение рисков отслеживания отказов приложений >
• Игнорировать сценарии содержимого по умолчанию
• Сетевой > ответ довольно печатается по умолчанию

См. также

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