Новые возможности средств разработки (Microsoft Edge 97)
Чтобы проверка последние возможности 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 .
Видео: Microsoft Edge | Новые возможности devTools 97
Знакомство со средством "Отсоединенные элементы"
Узел DOM считается отсоединяемым , если он больше не подключен к какому-либо элементу модели DOM, но по-прежнему сохраняется в памяти Microsoft Edge. Браузер не может собирать отсоединяемый элемент, так как некоторый объект JavaScript по-прежнему ссылается на элемент, даже если элемент больше не находится на странице или больше не является частью модели DOM.
Новая функция "Отсоединенные элементы" находит все отсоединенные элементы на странице и отображает их. Вы можете развернуть и свернуть отсоединяемый элемент, чтобы увидеть родительский и дочерний узлы, которые также сохраняются. Вы можете активировать сборку мусора в браузере, щелкнув значок Собрать мусор , а затем убедитесь, что произошла утечка памяти, если отсоединяемый элемент не может быть собран мусором. Чтобы перейти к коду JavaScript, который ссылается на отсоединяемый элемент, нажмите кнопку Анализ, чтобы snapshot кучу.
Функция "Отсоединенные элементы" изначально была доступна в качестве эксперимента в Microsoft Edge версии 93. Эта функция теперь доступна по умолчанию в Microsoft Edge версии 97.
См. также:
- Средства для исследования отсоединяемых элементов в статье Устранение проблем с памятью.
- Отладка утечек памяти DOM с помощью инструмента "Отсоединенные элементы"
- Отладка утечек памяти с помощью средства отсоединяемых элементов Microsoft Edge — YouTube
Расширение Средств разработки Microsoft Edge для Visual Studio Code
Общие сведения об этом расширении см. в статье Расширение Microsoft Edge DevTools для Visual Studio Code.
Улучшения экранной трансляции, предупреждения об устаревании и новые варианты запуска Microsoft Edge
Текущая версия расширения Microsoft Edge DevTools для Visual Studio Code устраняет несколько проблем, о которые сообщили сообщество:
Список эмулированных устройств в экранной трансляции теперь совпадает со списком эмулированных устройств в браузере.
Эмуляция устройства теперь добавляет правильную строку агента пользователя для активации правильного отображения.
Теперь при использовании нерекомендуемой версии запуска Microsoft Edge вы получите предупреждение о том, что вы пропустите функции.
Теперь можно указать аргументы для запущенного экземпляра браузера, если вам потребуется специальная настройка:
Улучшения и исправления ошибок в режиме фокусировки
Благодаря вашим ранним отзывам мы продолжаем вносить улучшения и исправления ошибок в новом интерфейсе режима фокусировки для Microsoft Edge DevTools. Режим фокусировки — это новый параметр пользовательского интерфейса, который позволяет закреплять инструменты в верхней или боковой части окна Средства разработки, а также устранять беспорядок на панели инструментов:
При использовании режима фокусировки доступны все те же средства и настраиваемые темы, что и в существующем пользовательском интерфейсе DevTools. Попробуйте режим фокусировки для себя, включив эксперимент режим фокусировки в разделе Параметры инструментов разработки Эксперименты>.
Инструмент "Трехмерный просмотр" поддерживает изменение цветовых тем в средствах разработки
В предыдущих версиях Microsoft Edge при изменении темы в средствах разработки, а затем открытии инструмента трехмерного просмотра была пустая панель. Эта проблема устранена в Microsoft Edge 97:
См. также:
Объявления из проекта Chromium
Microsoft Edge версии 97 также включает следующие обновления из проекта Chromium: