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

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

  • Мақала

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

  • Последняя версия канала Предварительной версии Canary microsoft Edge.
  • Последняя версия стабильного выпуска Microsoft Edge.

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

Эти эксперименты могут быть нестабильными или ненадежными и могут потребовать перезапуска средств разработки.

Эксперименты, включенные по умолчанию

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

Включено по умолчанию в Microsoft Edge Canary 128:

Включен по умолчанию в Microsoft Edge Stable 125:

Включение или отключение эксперимента

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

Чтобы включить или отключить эксперимент в Microsoft Edge, выполните приведенные далее действия.

  1. Чтобы открыть средства разработчика, щелкните веб-страницу правой кнопкой мыши и выберите Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроются средства разработчика.

  2. В DevTools на главной панели инструментов нажмите кнопку Настройка и управление Средствами разработки (настройка и управление значком DevTools), а затем нажмите кнопку Параметры (значок Параметры). Или нажмите клавиши SHIFT+?.

  3. В левой части панели Параметры выберите страницу Эксперименты :

    Страница

  4. Установите или снимите флажок для эксперимента. Некоторые эксперименты выбираются по умолчанию.

  5. Нажмите кнопку Закрыть (значок закрыть в разделе ") в правом верхнем углу окна Параметры средств разработки.

  6. Нажмите кнопку Перезагрузить средства разработки .

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

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

  1. Чтобы открыть средства разработчика, щелкните веб-страницу правой кнопкой мыши и выберите Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроются средства разработчика.

  2. В Средствах разработки на главной панели инструментов нажмите кнопку Параметры (значок параметров). Или нажмите клавиши SHIFT+?. Откроется панель Параметры с выбранной страницей Параметры .

  3. В нижней части страницы Параметры нажмите кнопку Восстановить значения по умолчанию и обновить, а затем нажмите кнопку Закрыть (значок Закрыть в параметрах инструментов разработки>).

Фильтрация экспериментов

Экспериментальные функции можно отфильтровать по тексту, включенном в заголовок.

  1. Чтобы открыть средства разработчика, щелкните веб-страницу правой кнопкой мыши и выберите Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроются средства разработчика.

  2. В Средствах разработки на главной панели инструментов нажмите кнопку Параметры (значок параметров). Или нажмите клавиши SHIFT+?. Откроется панель Параметры с выбранной страницей Параметры .

  3. В левой части панели Параметры выберите страницу Эксперименты .

  4. Щелкните текстовое поле Фильтр и введите текст, например временная шкала. При вводе на странице Эксперименты отображаются только соответствующие флажки.

  5. Чтобы завершить фильтрацию, очистите текстовое поле Фильтр .

Предоставление отзывов об экспериментах

Мы рады услышать ваши отзывы об экспериментальных функциях. Чтобы поделиться с нами своими отзывами, обратитесь к команде Средств разработки Microsoft Edge.

Список экспериментов

Ниже перечислены флажки экспериментов, которые отображаются в последней версии канала Предварительной версии Canary Microsoft Edge. Также отмечается стабильный выпуск после добавления или удаления флажков в Canary.

Разрешить расширениям загружать пользовательские таблицы стилей

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

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Запись стеков создания узлов

Чтобы записать трассировки стека JavaScript при добавлении узлов DOM в DOM во время выполнения, включите этот эксперимент. Этот эксперимент добавляет вкладку Трассировка стека в инструмент Элементы , сгруппированную по вкладке Стили :

Вкладка

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

  1. В новом окне или вкладке откройте веб-страницу, которая динамически создает узлы DOM с помощью JavaScript, например демонстрационного приложения TODO.
  2. На отображаемой демонстрационной странице создайте новый элемент списка дел.
  3. На отображаемой демонстрационной странице щелкните правой кнопкой мыши новый элемент списка дел и выберите Пункт Проверить. Откроется средство DevTools, в котором отображается инструмент "Элементы ".
  4. Перейдите на вкладку Трассировка стека , которая сгруппирована с вкладкой Стили .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Монитор протокола

Делает инструмент "Монитор протокола " доступным в средствах разработки:

Средство

Средство "Монитор протокола " отображает сообщения, отправляемые и полученные средствами разработки, для отладки проверенной страницы. DevTools взаимодействует с проверяемой страницей с помощью протокола Chrome DevTools (CDP).

Чтобы установить этот флажок и открыть средство монитора протоколов , сделайте следующее:

  1. Установите этот флажок Монитор протоколов , как описано выше в разделе Включение или отключение эксперимента.

  2. На панели Быстрого просмотра в нижней части devTools нажмите кнопку Дополнительные инструменты (+) и выберите Монитор протокола.

    Или откройте меню Команд, например нажав клавиши CTRL+SHIFT+P (Windows/Linux) или COMMAND+SHIFT+P (macOS), а затем введите протокол в текстовом поле. Затем выберите Показать монитор протокола.

    Инструмент "Монитор протокола " отображается на панели Быстрого просмотра в нижней части devTools.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

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

новое с версии Microsoft Edge 105

Отображается ли флажок для предоставления внутренних данных в моментальных снимках кучи в средстве "Память ".

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

В моментальных снимках кучи обрабатывайте размер резервного хранилища как часть содержащего объекта.

новое с версии Microsoft Edge 124

Настраивает столбец Shallow Size в средстве "Память " для представления всего размера объектов, включая размер резервного хранилища объекта. Если этот эксперимент включен, при создании нового моментального снимка кучи столбец Shallow Size теперь включает весь размер объектов:

Столбец

По умолчанию столбец "Мелкий размер" в средстве "Память " содержит только размер самого объекта. Мелкий размер — это размер кучи JavaScript, непосредственно удерживаемой объектом. Мелкий размер объекта обычно невелик, так как объект JavaScript часто хранит только описание объекта, а не его значения в непосредственной памяти объекта. Большинство объектов JavaScript хранят свои значения в резервном хранилище , которое находится в другом месте в куче JavaScript, и предоставляют только небольшой объект-оболочку в той части кучи JavaScript, которая непосредственно принадлежит объекту . Например, экземпляры JavaScript Array хранят содержимое массива в резервном хранилище, которое представляет собой отдельное расположение памяти, которое не входит в небольшой размер массива.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временное отключение маркеров отступов

новое с версии Microsoft Edge 122

Временно отключает маркеры отступов в средстве "Источники ". Маркеры отступов — это вертикальные линии, указывающие уровень отступа кода:

Средство

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Разрешение имен переменных в выражениях с помощью карт источника

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

Этот флажок влияет на консоль и вкладку Контрольная боковая панель в средстве Источники .

См. также:

Состояние:

  • Этот флажок отсутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Установка всех точек останова при запуске

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

См. также:

Состояние:

  • Этот флажок отсутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение нового расширенного алгоритма перцептивной контрастности (APCA), заменив предыдущие рекомендации по коэффициенту контрастности и AA/AAA

Алгоритм APCA заменяет правила вычисления контрастности AA/AAA в палитре. Палитра используется на вкладке Стили в средстве Элементы.

APCA — это новый способ вычисления контрастности. Этот алгоритм основан на современных исследованиях восприятия цвета. Алгоритм APCA в большей степени учитывает контекст, чем правила AA/AAA. Контрастность вычисляется на основе следующих пространственных свойств текста, цвета и контекста.

  • Пространственные свойства текста, включающие насыщенность и размер шрифта.
  • Пространственные свойства цвета, включающие воспринимаемую контрастность между текстом и фоном.
  • Пространственные свойства контекста, включающие внешнее освещение, окружение и предполагаемое назначение.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение полного представления дерева специальных возможностей на панели "Элементы"

Добавляет кнопку Переключиться в представление дерева специальных возможностей в инструменте Элементы , которая переключается между деревом DOM и деревом специальных возможностей. Метка кнопки переключается в положение Переключиться в представление дерева DOM.

Если этот флажок Эксперимент снят, в средстве "Элементы" отсутствует кнопка:

Инструмент

Если установлен этот флажок Эксперимент, средство "Элементы" имеет кнопку:

Инструмент

Представление "Дерево специальных возможностей" в инструменте "Элементы ":

Представление

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение нового редактора шрифтов в области стилей

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

  • Переключение между единицами для различных свойств шрифта
  • Переключение между ключевыми словами для различных свойств шрифта
  • Преобразование единиц
  • Создание точного кода CSS

Чтобы использовать визуальный редактор шрифтов, выполните следующие действия:

  1. Чтобы открыть средства разработчика, щелкните веб-страницу правой кнопкой мыши и выберите Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроются средства разработчика.

  2. В Средствах разработки на главной панели инструментов выберите вкладку Элементы . Если вкладка Элементы не отображается, нажмите кнопку Другие вкладки (значок дополнительных вкладок) или кнопку Дополнительные инструменты (значок ") .

  3. На вкладке Стили выберите значок Редактор шрифтов .

    Выделена область визуального редактора шрифтов

Некоторые каналы браузера имеют флажок Включить новый редактор шрифтов в области Стили.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включите новый инструмент "Редактор шрифтов" в области "Стили".

Это метка флажка в Edge Stable 125.

См. раздел выше, где отображается новая метка для флажка.

Включение автоматического создания отчетов о проблемах с контрастностью с помощью панели "Проблемы"

Включает автоматическое создание отчетов о проблемах с контрастностью в средстве "Проблемы ".

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включает экспериментальные функции файлов cookie.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Синхронизация изменений CSS в области Стили

Следует ли синхронизировать изменения CSS на вкладке Стили в инструменте Элементы .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Выделяет нарушающий узел или атрибут в дереве DOM панели Элементов.

новое с версии Microsoft Edge 106

Выделяет нарушающий узел или атрибут в дереве DOM средства Elements .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Группирование источников в созданные и развернутые деревья

Новое с версии Microsoft Edge 104

Определяет, следует ли группировать ресурсы в отдельные созданные и развернутые деревья на вкладке Страница инструмента Источники . Эта функция в средстве "Источники " позволяет группировать исходные файлы в две папки в зависимости от того, являются ли они:

  • Исходные файлы (созданные, то есть файлы с локальными изменениями).
  • Рабочие файлы (развернутые файлы, которые находятся на веб-сервере после компиляции и объединения исходных файлов).

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Скрытие игнорируемого кода в представлении "Дерево источников"

новое с версии Microsoft Edge 106

В древовидном представлении средства "Источники " пропускает код, включенный в список "Игнорировать".

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Выделение важных свойств модели DOM на вкладке "Свойства"

Новая метка флажка с версии Microsoft Edge 128

При выборе этого флажка важные свойства DOM будут выделены на вкладке Свойства в таких средствах, как элемент "Элементы" , для выбранного в данный момент элемента дерева DOM. Этот новый эксперимент упрощает просмотр основных свойств. Некоторые свойства выделены полужирным шрифтом, а другие — полужирным шрифтом и значком звездочки рядом с ними.

Это удобно, так как в JavaScript объекты наследуются от родительских объектов, которые сами наследуются от других предков, иногда это сотни свойств. Этот эксперимент помогает найти основные свойства.

Средство просмотра свойств объекта находится в нескольких средствах, включая Элементы, Источники, Консоль и Сеть. Он предоставляет представление свойств объектов в виде дерева.

В инструменте "Элементы"

Чтобы просмотреть средство просмотра свойств объекта в инструменте "Элементы" , выполните следующие действия:

  1. Щелкните правой кнопкой мыши элемент на веб-странице и выберите пункт Проверить. Откроется devTools с элементом страницы, выбранным в дереве DOM инструмента "Элементы ".

  2. В инструменте Элементы выберите вкладку Свойства , которая сгруппирована по вкладке Стили .

    Вкладка Свойства содержит список свойств для выбранного элемента.

См. также:

В средстве "Источники"

Чтобы просмотреть средство просмотра свойств объекта в средстве "Источники" , выполните следующие действия:

  1. .js Откройте файл.

  2. Задайте точку останова в строке .js кода в файле.

  3. Приостановите отладчик в этой строке, запустив код на веб-странице.

    Свойства объекта отображаются в разделе Область на правой боковой панели. См . раздел Просмотр и изменение свойств и переменных в функциях отладки JavaScript.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Выделение важных свойств DOM в средстве просмотра свойств объекта

новое с версии Microsoft Edge 105

См. раздел выше, где отображается новая метка для флажка.

Включение селектора фоновых страниц (для предварительной отрисовки)

Новая метка для флажка с microsoft Edge 128

Включает селектор фоновой страницы, например для предварительной отладки.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение селектора фоновых страниц (например, для предварительной отладки)

новое с версии Microsoft Edge 114

См. раздел выше, где отображается новая метка для флажка.

Изменение панели фильтров на панели "Сеть"

новое с версии Microsoft Edge 120

В средстве "Сеть " панель фильтров была изменена:

  • Кнопки заменяются раскрывающимся списком Типы запросов .
  • Флажки заменяются раскрывающимся списком Дополнительные фильтры .

Панель фильтра с этим флажком снята:

Панель фильтров с этим флажком снята

Панель фильтра с установленным флажком:

Панель фильтров с установленным флажком

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Панель автозаполнения

новое с версии Microsoft Edge 125

Добавляет средство автозаполнения в средства разработки для записи различных событий, которые браузер активирует, когда пользователь заполняет форму с помощью функции автозаполнения браузера. Например, когда браузер запоминает ваш адрес и автоматически заполняет его в поле адреса.

Средство автозаполнения

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 123 как Включить представление автозаполнения.

Панель производительности: отображение потоков отправки и обработки postMessage

Этот эксперимент улучшает раздел Main средства производительности, чтобы помочь быстро идентифицировать postMessage события и обработчики, отличая события, которые активируются методомpostMessage, от других событий, отображаемых в средстве производительности. Этот эксперимент помогает исследовать проблемы с производительностью, связанные с публикацией сообщений в различных потоках приложения, для просмотра сообщений между окнами, iframes и выделенными рабочими возможностями.

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

  • postMessage События dispatch отображаются как Расписание postMessage.
  • postMessage События обработчика отображаются как On Message:

События

Этот эксперимент помогает выяснить, когда postMessage произошел вызов и как долго сообщение помещалось в очередь перед запуском postMessage обработчика. События отправки связаны с событиями обработчика стрелками инициатора, которые появляются при щелчке любого типа события:

Стрелки, связывающие события отправки с событиями обработчика

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временная шкала: отображение потоков отправки и обработки postMessage

новое с версии Microsoft Edge 124

См. раздел выше, где отображается новая метка для флажка.

Включение сохранения и загрузки трассировок с изменениями на панели Производительность

Новая метка для флажка с microsoft Edge 128

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

  • Изменения, внесенные с помощью навигации. Эта функция позволяет обрезать и сосредоточиться на более важных частях трассировки. См. раздел Навигация на временной шкале в статье Новые возможности в средствах разработки (Chrome 122).

  • Изменения, внесенные путем щелчка правой кнопкой мыши. Эта функция позволяет объединять и скрывать лишние или ненужные записи трассировки, очищая диаграммы пламени и деревья. См. раздел Скрытие функций и их дочерних элементов в диаграмме пламенив статье Новые возможности в средствах разработки (Chrome 124).

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение трассировки сохранения и загрузки с помощью заметок на панели производительности

новое с версии Microsoft Edge 125

См. раздел выше, где отображается новая метка для флажка.

Включение новой целевой страницы панели производительности, которая включает динамические метрики и данные полей

новое с версии Microsoft Edge 128

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

  • Наибольшее содержимое paint (LCP)
  • Совокупный сдвиг макета (CLS)
  • Взаимодействие с next Paint (INP)

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок отсутствует в Microsoft Edge Stable 125.

Необхожие исключения log DevTools для консоли

Определяет, следует ли регистрировать необначенные исключения DevTools в средстве консоли .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Enable webhint

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

  • Специальные возможности
  • Совместимость между браузерами
  • Безопасность
  • Производительность
  • Прогрессивные веб-приложения (PWA)
  • Другие распространенные проблемы веб-разработки

В эксперименте webhint отображаются отзывы webhint в средстве "Проблемы ". Выберите проблему, чтобы отобразить документацию по решению и список затронутых ресурсов на веб-сайте. Выберите ссылку на ресурс, чтобы открыть соответствующее средство, например Сеть, Источники или Элементы:

отзыв webhint в средстве

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Отображение проблем в элементах

Отображает синтаксические ошибки в виде волнистых подчеркивания под узлами DOM в инструменте Элементы .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Открытие исходных файлов в Visual Studio Code

Эксперимент с открытым исходным кодом в Visual Studio Code заменяет редактор кода средства "Источники" на Visual Studio Code для редактирования локальных файлов. При включении этого эксперимента средства разработчика определяют, когда вы редактируете локальный файл, и предлагает выбрать папку для использования в качестве рабочей области.

При выборе папки для использования в качестве рабочей области при выборе любой ссылки на файл в средствах разработки открывается файл в Visual Studio Code. В предыдущих версиях Microsoft Edge это действие открывал файл в редакторе кода средства "Источники" в средствах разработки.

При выборе ссылки на файл в средстве

Все изменения, внесенные в DevTools, теперь изменяют файл на жестком диске и синхронизируются с Visual Studio Code.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение адаптивного регулирования ЦП

новое с версии Microsoft Edge 114

Включает адаптивное регулирование ЦП.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Игнорировать список кадров JavaScript на временной шкале

Следует ли включать код, который находится в списке Игнорировать в кадрах JavaScript, в средство производительности .

См. также:

Состояние:

  • Этот флажок отсутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Профиль динамической кучи

Определяет, следует ли обновлять профиль кучи в реальном времени.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временная шкала профилировщика кучи выборки

Определяет, следует ли отображать временную шкалу профилировщика выборки кучи в средстве производительности .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Панель производительности: отслеживание недействительности

Добавляет раздел Invalidations для событий recalculate Style на вкладке Сводка средства производительности . Раздел Invalidations содержит сведения о первопричине события Recalculate Style , что может быть полезно при изучении длительных событий Recalculate Style , которые вызывают проблемы с производительностью.

В разделе Invalidations перечислены узлы DOM, которые были признаны недействительными в результате изменения на веб-странице, например изменения модели DOM, и которые подсистеме браузера пришлось изменить во время события Recalculate Style .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временная шкала: отслеживание недействительности

См. раздел выше, где отображается новая метка для флажка.

Панель производительности: отображение всех событий

Определяет, должны ли отображаться все события в средстве производительности .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временная шкала: отображение всех событий

См. раздел выше, где отображается новая метка для флажка.

Панель производительности: статистика вызовов среды выполнения версии 8

Определяет, следует ли отображать статистику вызовов среды выполнения V8 в средстве производительности . V8 — это обработчик JavaScript, используемый Microsoft Edge.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временная шкала: статистика вызовов среды выполнения версии 8 на временной шкале

См. раздел выше, где отображается новая метка для флажка.

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

новое с версии Microsoft Edge 124

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

стрелки вверх, стрелки вниз и значки глаз в конфигурации отслеживания в средстве производительности

Чтобы настроить дорожки, выполните следующие действия.

  1. Включите этот эксперимент.
  2. Перейдите на веб-страницу в новом окне или вкладке, например https://microsoftedge.github.io/Demos/demo-to-do/.
  3. В средстве Производительность нажмите кнопку Записать в левом верхнем углу, чтобы начать новую запись производительности.
  4. Взаимодействие с веб-страницей; например, добавьте новую задачу в демонстрацию Todo.
  5. Остановите запись.
  6. В средстве Производительность наведите указатель мыши на дорожку, например Сеть, Взаимодействие или Главная. Слева от наведенной дорожки появится кнопка Отслеживание конфигурации (значок пера).
  7. Нажмите кнопку Отслеживать конфигурацию (значок пера). Откроется экран настройки отслеживания .
  8. Чтобы изменить порядок дорожек, на экране настройки дорожки щелкните значок стрелки вверх или стрелки вниз. Или, чтобы отобразить или скрыть дорожку, щелкните значок глаза на дорожке, чтобы переключить ее.
  9. Чтобы подтвердить новую конфигурацию дорожки, щелкните значок флажка справа от дорожки. Отображается запись производительности с новой конфигурацией дорожки.

См. также:

Состояние:

  • Этот флажок отсутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Панель производительности: включение расширений на основе времени пользователя

Новая метка для флажка с microsoft Edge 128

Включает расширения, которые настраивают внешний вид событий пользовательского времени в средстве производительности .

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Временная шкала: включение расширений на основе пользовательского времени

новое с версии Microsoft Edge 125

См. раздел выше, где отображается новая метка для флажка.

Панель производительности: включение сбора расширенных трассировок

новое с версии Microsoft Edge 128

Этот эксперимент позволяет инструменту "Производительность " записывать добавленные трассировки для поддержки расширенных трассировок версии 2. Эта функция реализуется в вышестоящем проекте Chromium. Этот эксперимент не влияет на возможности Microsoft Edge для отслеживания расширенных трассировок и не влияет на работу пользователей DevTools.

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок отсутствует в Microsoft Edge Stable 125.

См. также:

Панель производительности: включение сбора исходного текста для скомпилированного скрипта

новое с версии Microsoft Edge 128

В средстве производительности при экспорте файла трассировки исходный код скомпилированных скриптов сохраняется в файле трассировки.

В этом эксперименте средство "Производительность " записывает исходный текст скрипта в трассировки. Эта функция реализуется в вышестоящем проекте Chromium.

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок отсутствует в Microsoft Edge Stable 125.

См. также:

Панель производительности: включение режима отладки (сведения о событиях трассировки и т. д.)

новое с версии Microsoft Edge 128

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

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок отсутствует в Microsoft Edge Stable 125.

См. также:

Включение точек останова инструментирования

Следует ли останавливаться в точках останова теста. Этот эксперимент делает точки останова более надежными.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Использование сведений о области из исходных карт

новое с версии Microsoft Edge 118

Следует ли использовать сведения о области из исходных карт.

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение панели спекулятивных загрузок на панели приложений

Новая метка для флажка с microsoft Edge 128

Добавляет страницу спекулятивных загрузок в разделе Фоновые службы средства приложения , включая страницу Правил и страницу Спекуляции :

Страница спекулятивных загрузок в средстве приложения

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

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

На странице Правила есть столбцы:

  • Набор правил
  • Состояние

На странице Спекуляции есть столбцы:

  • URL-адрес
  • Действие
  • Набор правил
  • Состояние

См. также:

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включение панели спекулятивных загрузок на панели приложений

новое с версии Microsoft Edge 121

См. раздел выше, где отображается новая метка для флажка.

Включение дерева контейнеров хранилища на панели приложений

новое с версии Microsoft Edge 118

Следует ли включить дерево контейнеров хранилища в средстве "Приложение ".

См. также:

Состояние:

  • Этот флажок отсутствует в Microsoft Edge Canary 128.
  • Этот флажок установлен в Microsoft Edge Stable 125.

Включите экспериментальную боковую панель WIP для панели производительности.

новое с версии Microsoft Edge 128

Включает боковую панель в средстве производительности . Боковая панель — это экспериментальная работа в процессе (WIP).

Состояние:

  • Этот флажок присутствует в Microsoft Edge Canary 128.
  • Этот флажок отсутствует в Microsoft Edge Stable 125.