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

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

  • Статья

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

Отладка средств разработки в элементе управления WebView2

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

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

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

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

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

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

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

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

См. также