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

  • Статья

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Страница

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

Вкладка

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

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

См. также:

Состояние:

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

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

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

Средство

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

Столбец Мелкий размер кучи snapshot

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

См. также:

Состояние:

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

Временное включение Профилировщика JavaScript

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

Временно включает средство "Профилировщик JavaScript" (вкладку) в средствах разработки. Средство JavaScript Profiler будет не рекомендуется. Чтобы записать профили ЦП JavaScript, используйте вместо этого средство производительности .

См. также:

Состояние:

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

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

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

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

Средство

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

Инструмент

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

Инструмент

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

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

См. также:

Состояние:

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

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

См. раздел Включение средства Редактор шрифтов в области Стили ниже.

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

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

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

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

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

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

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

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

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

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

См. также:

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

Отображение предупреждения о self-XSS при вставки кода

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

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

"Предупреждение. Не вставлять код, который вы не понимаете или не проверили себя в консоли DevTools. Это может позволить злоумышленникам украсть вашу личность или получить контроль над компьютером. Введите "разрешить вставку" ниже, чтобы разрешить вставку".

После ввода allow pasting в консоль можно вставить код в текущем сеансе DevTools и в последующих сеансах.

См. также:

Состояние:

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

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

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

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

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

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

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

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

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

См. также:

Состояние:

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

Включение представления автозаполнения

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

Эта метка флажка изменена с включить представление автозаполнения на панель автозаполнения. См . панель автозаполнения ниже.

Состояние:

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

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

События

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

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

См. также:

Состояние:

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

Enable webhint

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

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

При выборе ссылки на файл в средстве Стили файл открывается в Visual Studio Code

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

Просмотр результатов console.profile() на панели Производительность для Node.js

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

Отображает console.profile() результаты в средстве производительности для Node.js.

console.profile() Можно использовать в консоли DevTools (или в коде) для запуска профиля JavaScript, а затем можно использовать для console.profileEnd() его завершения. После этого вы сможете просмотреть запись профиля в средстве Профилировщик JavaScript .

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

Если средства разработки используются для отладки процессов, выполняемых в Node.js, этот эксперимент делает все, что console.profile создает, доступно для средства повышения производительности .

См. также:

Состояние:

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

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

Использование область информации из карт источников

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

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

См. также:

Состояние:

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

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

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

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

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

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

Контекстное меню для изменения деревьев диаграмм пламени

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

  • Функция слияния
  • Функция свертывание
  • Свертывание повторяющихся потомков
  • Отмена функции свертывание
  • Отмена свертывания повторяющихся потомков
  • Отмена всех действий
  • Загрузка профиля
  • Сохранение профиля

См. также:

Состояние:

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