Бөлісу құралы:


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

Чтобы проверка последние возможности 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 .

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

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

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

Подключение к серверу символов с помощью Microsoft Entra ID из параметров средства разработки

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

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

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

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

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

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

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

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

См. также:

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

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

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

Параметр профилирования

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

См. также:

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

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

Значок синей стрелки вправо для текущего кадра в стеке вызовов

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

Значки треугольника для разворачивания и сворачивания действий в представлении Bottom-Up

См. также:

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

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

Раскрывающееся меню

См. также:

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

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

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

Блок времени

См. также:

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

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