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

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

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

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

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

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

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

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

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

2. В 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.

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

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

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

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

См. также:

• Начало работы по просмотру и изменению DOM

Состояние:

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

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

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

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

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

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

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

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

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

См. также:

• Использование протокола Chrome DevTools (CDP) в приложениях WebView2
• [Экспериментальный] Монитор протокола в новых возможностях в средствах разработки (Chrome 92).

Состояние:

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

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

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

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

См. также:

• Запись моментальных снимков кучи с помощью средства "Память" (тип профилирования "Куча snapshot")

Состояние:

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

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

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

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

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

См. также:

• Новое вычисление цветовой контрастности — расширенный алгоритм перцептивной контрастности (APCA) в новых возможностях в средствах разработки (Microsoft Edge 89).
• Изменение цветов с помощью палитры в справочнике по функциям CSS:
• Тестирование контрастности цвета текста с помощью палитры

Состояние:

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

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

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

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

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

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

См. также:

• Тестирование доступности с помощью вкладки специальных возможностей
• Полное представление дерева специальных возможностей в средстве "Элементы" в разделе Новые возможности в средствах разработки (Microsoft Edge 90).

Состояние:

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

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

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

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

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

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

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

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

   

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

См. также:

• Редактирование стилей шрифтов и параметров CSS в области "Стили"

Состояние:

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

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

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

См. также:

• Поиск и устранение проблем с помощью средства "Проблемы"

Состояние:

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

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

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

См. также:

• Просмотр, изменение и удаление файлов cookie

Состояние:

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

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

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

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

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

См. также:

• Использование вкладки Страница для просмотра ресурсов, создающих текущую веб-страницу в обзоре средства "Источники".

Состояние:

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

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

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

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

См. также:

• Добавление скриптов содержимого в список "Игнорировать"
• Расширенный список с прогнорированием
• Улучшен параметр "Игнорировать список"

Состояние:

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

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

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

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

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

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

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

См. также:

• Просмотр сообщений между окнами, iframes и выделенными рабочими возможностями в справочнике по функциям производительности.
• Справочник по событиям записи производительности
• Демонстрация событий трассировки postMessage (отрисовка)
• Демонстрация событий трассировки postMessage (исходный код)
• События и обработчики postMessage отличаются от других событий в разделе Новые возможности средств разработки (Microsoft Edge 124).

Состояние:

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

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

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

См. также:

• Обзор консоли

Состояние:

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

Enable webhint

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

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

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

См. также:

• Поиск и устранение проблем с помощью средства "Проблемы"

Состояние:

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

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

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

См. также:

• Волнистый подчеркивает проблемы с кодом и улучшения в средстве Элементы в новых средствах разработки (Microsoft Edge 91).

Состояние:

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

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

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

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

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

См. также:

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

Состояние:

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

Включение CSS Copilot

Позволяет использовать Copilot на боковой панели Microsoft Edge для объяснения элементов HTML и стилей CSS, чтобы лучше понять конкретный элемент или правило стиля, отображаемое в инструменте Элементы . Чтобы спросить Copilot об элементе или правиле стиля, нажмите кнопку Copilot рядом с ним, а затем задайте дополнительные вопросы.

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

См. также:

• Проверка, редактирование и отладка HTML и CSS с помощью средства Elements

Состояние:

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

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

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

См. также:

• Запись моментальных снимков кучи с помощью средства "Память" (тип профилирования "Куча snapshot")

Состояние:

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

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

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

См. также:

• Анализ производительности среды выполнения (руководство)
• Запись моментальных снимков кучи с помощью средства "Память" (тип профилирования "Куча snapshot")

Состояние:

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

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

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

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

См. также:

• Анализ производительности среды выполнения (руководство)

Состояние:

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

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

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

См. также:

• Анализ производительности среды выполнения (руководство)

Состояние:

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

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

В средстве Производительность отображает статистику вызовов подсистемы браузера JavaScript версии 8.

Состояние:

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

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

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

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

Состояние:

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

См. также:

• Совместное использование трассировки производительности с дополнительными данными
• Справочные материалы по функциям производительности
• Справочник по событиям записи производительности

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

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

См. также:

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

Состояние:

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

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

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

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

См. также:

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

Состояние:

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

См. также

• Заметки о выпуске веб-платформы Microsoft Edge