Экспериментальные функции

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

Хотя экспериментальные функции доступны во всех каналах Microsoft EDGE, вы можете получить последние экспериментальные функции с помощью канала Microsoft Edge Канарские Channel.

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

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

  1. [Откройте DevTools][DevtoolsOpen].

    • Выберите Control + Shift + I \ (Windows ) или Command + Option + I \ (macOS ). Дополнительные сведения можно найти в разделе [сочетания клавиш Microsoft Edge DevTools][DevToolsShortcuts].
  2. Открытие области [параметров][DevToolsCustomizeSettings] .

    • Выберите Shift + ? . Дополнительные сведения можно найти в разделе [сочетания клавиш Microsoft Edge DevTools][DevToolsShortcuts].
  3. В левой части области параметров выберите раздел эксперименты .

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

  4. На странице " эксперименты " прокрутите список всех доступных экспериментальных функций и установите флажки рядом с функциями, которые нужно протестировать.

  5. Закройте и снова откройте Microsoft Edge DevTools.

Примечание

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

Выделены экспериментальные функции

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

Экспериментальная функция Версия Microsoft Edge
Вкладка "Включение настраиваемых сочетаний клавиш" 84 или более поздняя версия
Включение новых функций отладки CSS Grid 85 или более поздняя версия
Включение поддержки перемещения вкладок между панелями 85 или более поздняя версия
Включить подсказку 85 или более поздняя версия
Включение сетевой консоли 85 или более поздняя версия

Вкладка "Включение настраиваемых сочетаний клавиш"

Содержит новую страницу сочетаний клавиш в [параметрах DevTools][DevToolsCustomizeSettings] , которая позволяет использовать соответствующие сочетания [клавиш][DevToolsShortcuts] в коде DevTools и VS.

После включения эксперимента снова откройте [Параметры DevTools][DevToolsCustomizeSettings] с помощью SELECT Shift + ? . Перейдите на страницу новые сочетания клавиш . Выберите DevTools (по умолчанию) в раскрывающемся списке искать сочетания клавиш из предварительной настройки и выберите код Visual Studio. Сочетания клавиш в DevTools теперь соответствуют сочетаниям клавиш для эквивалентных действий в коде VS.

Сопоставление сочетаний клавиш в DevTools с кодом VS

Например, в Windows для приостановки или продолжения выполнения сценария в коде VS используется сочетание клавиш F5 . В стиле DevTools (по умолчанию) в DevTools используется один и тот же ярлык F8 . В стиле кода Visual Studio ярлык также можно использовать F5 .

Включение новых функций отладки CSS Grid

Улучшена визуализация на странице при отладке веб-сайтов с макетами сетки CSS. Вы можете настроить перекрытия в DevTools параметров.

Функция отладки сетки каскадных стилей

Включение поддержки перемещения вкладок между панелями

Обычно такие инструменты, как элементы и сеть , можно открывать только на главной панели \ (Top ) DevTools. Аналогичным образом такие инструменты, как трехмерный вид и проблемы , можно открывать только на панели ящик \ (Нижняя ) DevTools. Если вы выберете эксперимент, вы можете перемещать инструменты между верхней и нижней панелями, наведя указатель мыши на вкладку, открыв контекстное меню, а затем выбрав пункты переместить в начало или Переместить вниз. Этот эксперимент позволяет настроить макет DevTools. Чтобы отобразить или скрыть нижнюю панель, нажмите кнопку Escape .

Перемещение вкладок между панелями

Включить подсказку

веб- Подсказка — это средство с открытым исходным кодом, которое обеспечивает обратную связь в режиме реального времени для обеспечения специальных возможностей, совместимости, безопасности, производительности, PWAs и других распространенных проблем, возникающих при работе в Интернете. При эксперименте с DevTools на панели " [вопросы][DevtoolsIssues] " появляется обратная связь с помощью подсказки. Вы можете выбрать проблему, чтобы получить сведения о том, как устранить проблему и список уязвимых ресурсов на вашем веб-сайте. Выберите ссылку на ресурс, чтобы открыть область " сеть, источникиили элементы " в DevTools.

Обратная связь по этой подсказке на панели вопросы

Включение сетевой консоли

Сетевая консоль — это рабочее название эксперимента для создания искусственных сетевых запросов по протоколу HTTP. Вы можете использовать эксперименты с сетевой консолью для отправки запросов на веб-API.

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

  1. Открытие области " сеть ".
  2. Найдите сетевой запрос, который вы хотите изменить и отправить повторно.
  3. Откройте контекстное меню \ (щелкните правой кнопкой мыши и выберите команду изменить и воспроизвести).
  4. Когда откроется Сетевая консоль , измените сведения о сетевом запросе.
  5. Нажмите кнопку Отправить.

Сетевая консоль в консольном ящике

Предыдущие экспериментальные функции

  • Теперь трехмерный вид доступен и включен по умолчанию в Microsoft Edge версии 83 или более поздней.

Отзывы о экспериментальных функциях

Чтобы оставить отзыв о экспериментах Microsoft Edge DevTools или каких-либо других связанных с DevTools.

  • Отправка отзыва с помощью значка обратной связи в DevTools
  • Твит на @EdgeDevTools

Значок обратной связи в Microsoft Edge DevTools

[DevtoolsIssues]: ./issues/index.md "Поиск и устранение проблем с помощью средства Microsoft Edge DevTools "вопросы" | Документы Microsoft"
[DevToolsCustomizeSettings]: ./customize/index.md#settings "Параметры: Настройка Microsoft Edge DevTools | Документы Microsoft"
[DevToolsShortcuts]: ./shortcuts.md "Сочетания клавиш в Microsoft Edge DevTools | Документы Microsoft"
[DevtoolsOpen]: ./open.md "Открыть Microsoft Edge DevTools | Документы Microsoft"