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


Экспериментальные функции в средствах разработки 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 на панели инструментов 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.

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

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

Вкладка

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

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

См. также:

Состояние:

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

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

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

Средство

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

Инструмент

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

Инструмент

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

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

См. также:

Состояние:

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

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

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

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

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

См. также:

Состояние:

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

Синхронизация изменений CSS на вкладке "Стили"

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

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

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

События

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

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

См. также:

Состояние:

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

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

Новое с версии Microsoft Edge Stable 129

Отображает отслеживание времени сервера в разделе Main средства производительности для отображения событий синхронизации сервера, отправляемых HTTP-сервером. Дополнительные сведения см. в разделе Время работы сервера в веб-документации MDN.

См. также:

Состояние:

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

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

новое с версии Microsoft Edge Canary 133

Включает дополнительные аналитические сведения на боковой панели Аналитика .

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

См. также:

Состояние:

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

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

новое с версии Microsoft Edge Canary 133

Этот эксперимент изменяет цвет определенных событий в разделе main средства производительности на серый. Это происходит в двух случаях:

  • При поиске события с помощью клавиш CTRL+F и последующем вводе текста только совпадения поиска сохраняют свою окраску; другие события помесят серым цветом.

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

См. также:

Состояние:

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

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

новое с версии Microsoft Edge Canary 133

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

  1. В Microsoft Edge 133 или более поздней версии установите этот флажок, закройте параметры и нажмите кнопку Перезапустить средства разработки .

  2. В средствах разработки в средстве производительности запишите профиль.

    Кнопка Показать ярлыки (значок показать ярлыки) отображается в правом верхнем углу средства производительности под кнопкой Справка (значок справки) для средств разработки.

  3. Нажмите кнопку Показать ярлыки (показать значок ярлыков).

    Откроется всплывающее диалоговое окно Сочетания клавиш .

    С выбранным параметром "Классический ":

    Всплывающее окно сочетаний клавиш с выбранным параметром

    С выбранным параметром "Современный ":

    Всплывающее окно сочетаний клавиш с выбранным параметром

  4. Нажмите кнопку Классический или Современный .

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

Enable webhint

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

Включение CSS Copilot

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

Значок Copilot в инструменте

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

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

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

См. также:

Состояние:

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

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

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

Состояние:

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

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

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

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

Состояние:

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

См. также:

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

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

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

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

Состояние:

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

См. также:

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

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

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

Состояние:

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

См. также:

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

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

См. также:

Состояние:

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

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

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

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

См. также:

Состояние:

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

См. также