Déboguer des applications WebView2 avec Microsoft Edge DevTools

Utilisez les outils de développement Microsoft Edge pour déboguer le contenu web affiché dans les contrôles WebView2, de la même façon que vous pouvez déboguer une autre page web affichée dans Microsoft Edge.

Lorsque vous utilisez une application WebView2, il existe plusieurs façons d’ouvrir DevTools :

• Appuyez sur F12.
• Appuyez sur Ctrl+Maj+I.
• Cliquez avec le bouton droit sur la page, puis sélectionnez Inspect.

Une application peut également utiliser l’API OpenDevToolsWindow pour ouvrir par programmation une fenêtre DevTools. Par exemple, vous pouvez utiliser cette approche si les touches d’accès rapide ci-dessus et les éléments de menu contextuel ont été supprimés.

.NET/C#

• CoreWebView2.OpenDevToolsWindow, méthode

WinRT/C#

• CoreWebView2.OpenDevToolsWindow, méthode

Win32/C++

• Méthode ICoreWebView2::OpenDevToolsWindow

Si aucune des approches ci-dessus n’est disponible, vous pouvez ajouter --auto-open-devtools-for-tabs aux arguments du navigateur via une variable d’environnement ou une clé de Registre. Cette approche ouvre une fenêtre DevTools lorsqu’un WebView2 est créé.

Voir aussi

• Vue d’ensemble de DevTools.
• Prise en main de WebView2
• Référentiel WebView2Samples : un exemple complet de fonctionnalités WebView2.
• Informations de référence sur l’API WebView2