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


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

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

Видео: Microsoft Edge | Новые возможности DevTools 98

Эскиз видео

Догоняйте последние и самые лучшие функции в Microsoft Edge

В 2021 году средства разработчиков для Microsoft Edge значительно продвинулись вперед. Visual Studio Code, DevTools и браузер теперь предоставляют несколько интегрированных рабочих процессов для отладки JavaScript, зеркального отображения изменений CSS и экранной трансляции из браузера. Между режимом фокусировки, поддержкой Visual Studio Code тем и дополнительными параметрами настройки команда Microsoft Edge работает над тем, чтобы сделать средства разработки проще и проще в использовании.

Ознакомьтесь со всеми этой новостью и многое другое в нашей ежегодной записи блога Оглядываясь назад на Microsoft Edge для разработчиков в 2021 году.

Снимок экрана записи блога: обзор Microsoft Edge для разработчиков в 2021 году

Обновление. Начиная с Microsoft Edge 131 функция Visual Studio Code тем удаляется, а такие темы отменить изменения темы по умолчанию:

  • Light+
  • Темный+

Автоматизация режима IE с помощью драйвера Обозреватель Интернета

Начиная с 15 июня 2022 г. internet Обозреватель 11 больше не будет поддерживаться в некоторых версиях Windows 10. Режим IE — это функция Microsoft Edge для организаций, которым по-прежнему требуется Интернет Обозреватель 11 для совместимости с устаревшими веб-сайтами или приложениями. Для поддержки тестирования этих устаревших веб-сайтов и приложений теперь можно автоматизировать режим IE с помощью Selenium 4 и Internet Обозреватель Driver.

См. также:

Эмулировать режим принудительного цвета

В дополнение к эмуляции темного, светлого и печати режимов для текущей веб-страницы вы также можете увидеть, как выглядит ваша веб-страница для пользователей, у которых включен режим принудительного цвета. Режим принудительного цвета — это функция специальных возможностей операционной системы. При этом цвета веб-страницы должны быть сокращены до ограниченной цветовой палитры, например в режиме высокой контрастности Windows. Эмуляция режима принудительного цвета позволяет выполнять точечные проверка без необходимости изменять параметры собственной системы.

Чтобы включить эмуляцию принудительных цветов, в средствах разработки откройте средство отрисовки , а затем в раскрывающемся списке Эмуляция принудительных цветов css media feature (Эмуляция css media feature forced-colors ) выберите принудительные цвета: активный.

Без эмуляции принудительных цветов следующая веб-страница имеет несколько разных цветов текста на разных цветах фона:

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

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

Веб-страница с эмуляцией принудительных цветов, включенной в средстве отрисовки. Текст, измененный на черный текст на белом фоне

См. также:

Значки действий в журнале событий средства производительности теперь имеют подсказки

В предыдущих версиях Microsoft Edge на вкладке Журнал событий в средстве производительности отображаются цветные значки, представляющие тип действия для каждого события. Однако в журнале событий не отображаются сведения о том, какой тип действия представлен каждым цветом. В Microsoft Edge 98 для событий действий на вкладке Журнал событий добавлены подсказки, указывающие скрипты, отрисовка, рисование, система и время простоя для каждого события.

В журнале событий выбранное событие Действия имеет зеленый прямоугольник, представляющий событие Рисование, и теперь подсказка явно говорит

См. также:

Мелкие размеры в средстве "Память" теперь представлены в виде десятичных значений

В предыдущих версиях Microsoft Edge мелкий размер в куче snapshot в средстве "Память" обычно указывается как 0 %, так как размер неглубокого размера очень мал по сравнению с общим размером кучи. В Microsoft Edge 98 мелкий размер теперь указывается как десятичное значение, если размер составляет от 0% до 1% от кучи.

В куче snapshot значения столбца Shallow Size от 0% до 1% от кучи теперь отображаются в виде десятичных значений с одним или двумя десятичными знаками.

См. также:

Исправление. Теперь можно изменить размер текстового поля "Поиск" в средстве "Сеть"

В предыдущих версиях Microsoft Edge в средстве "Сеть " текстовое поле Поиск не изменяется при изменении ширины области. Если область узкая, кнопки Обновить и Очистить не отображаются. В Microsoft Edge 98 эта проблема устранена.

В средстве

См. также:

Исправление. Значки для рабочих ролей служб и теги скриптов в инструменте Elements теперь выровнены

В предыдущих версиях Microsoft Edge значки Развернуть (значок треугольника развертывания и свертывания) в разделе Service Workers средства приложения не выровнены. Номер версии в таблице "Цикл обновления " отрезал значки "Развернуть ". В Microsoft Edge 98 исправлена эта проблема:

Значки в разделе Service Workers (Рабочие роли обслуживания) средства приложения теперь выровнены, поэтому значки развертывания и свертывания теперь полностью видны.

Кроме того, в инструменте Элементы значок Развернуть (значок расширения дерева DOM) для <script> тегов был неправильно смещен. В Microsoft Edge 98 исправлена эта проблема:

В инструменте

См. также:

  • Рабочие роли служб в отладке прогрессивного веб-приложения (PWA) — отладка рабочих ролей служб в средствах разработки.

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

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

См. также