Отладка приложений WebView2 с помощью средств разработки Microsoft Edge

Используйте средства разработчика Microsoft Edge для отладки веб-содержимого, отображаемого в элементах управления WebView2, так же, как и другую веб-страницу, отображаемую в Microsoft Edge.

При использовании приложения WebView2 можно открыть средства разработки несколькими способами:

• Нажмите клавишу F12.
• Нажмите клавиши CTRL+SHIFT+I.
• Щелкните страницу правой кнопкой мыши и выберите .Inspect

Приложение также может использовать OpenDevToolsWindow API для программного открытия окна DevTools. Например, этот подход можно использовать, если указанные выше горячие клавиши и элементы контекстного меню были удалены.

.NET/C#

• Метод CoreWebView2.OpenDevToolsWindow

WinRT/C#

• Метод CoreWebView2.OpenDevToolsWindow

Win32/C++

• Метод ICoreWebView2::OpenDevToolsWindow

Если ни один из указанных выше подходов недоступен, можно добавить --auto-open-devtools-for-tabs в аргументы браузера с помощью переменной среды или раздела реестра. При этом при создании WebView2 откроется окно DevTools.

Исходные сопоставления с событием WebResourceRequested или сопоставлением имени виртуального узла

Исходные карты необходимы для отладки исходного кода скомпилированного содержимого, в том числе:

• Преобразованный Код JavaScript, например TypeScript или minified JavaScript.
• Скомпилированный CSS, например SASS или SCSS.

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

• Событие WebResourceRequested . См. следующие статьи:

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

• Сопоставление имен виртуальных узлов. См. следующие статьи:

  • Загрузка локального содержимого с помощью сопоставления имен виртуальных узлов в разделе Использование локального содержимого в приложениях WebView2.
  • Исходные сопоставления с сопоставлением имен виртуальных узлов в разделе Использование локального содержимого в приложениях WebView2.

См. также

• Обзор средств разработки.
• Начало работы с WebView2
• Репозиторий WebView2Samples — исчерпывающий пример возможностей WebView2.
• Справочник по API WebView2