En estos artículos se explica cómo configurar las herramientas de desarrollo y crear una aplicación WebView2 inicial, como una aplicación Hola mundo con funcionalidad básica. A lo largo del camino aprenderá los conceptos de WebView2. Si quiere ejecutar primero un ejemplo, consulte el artículo Aplicación de ejemplo Win32 u otra aplicación de ejemplo.
Use la plantilla de proyecto Aplicación en blanco de C# (Windows universal) e instale el paquete Microsoft.UI.Xaml (WinUI 2), que instala el paquete del SDK Microsoft.Web.WebView2 como una dependencia.
Use la plantilla de proyecto Aplicación en blanco, empaquetada (WinUI 3 en el escritorio) de Visual Studio, que usa WindowsAppSDK, que incluye el SDK de WebView2. Agregue un control WebView2, una barra de direcciones y un botón Go , y lógica de dirección URL para permitir solo la navegación a direcciones URL HTTPS.
Use la plantilla de proyecto Aplicación WPF o Aplicación WPF (.NET Framework) para crear una aplicación WPF y, a continuación, instale el SDK de WebView2 para que el proyecto agregue WebView2.
Use la plantilla de proyecto C# Windows Forms App (.NET Framework) para crear un proyecto de WinForms y, a continuación, instale el paquete del SDK Microsoft.Web.WebView2 para el proyecto WinForms.
Aplicaciones de ejemplo de WebView2: aplicaciones de ejemplo específicas del marco que muestran más de las API de WebView2 que los tutoriales de Introducción.
Repositorio WebView2Samples: contiene proyectos de Visual Studio completados que resultan de seguir los pasos de estos tutoriales de Introducción, así como ejemplos de aplicaciones y implementación de ejemplo.
Para empezar a trabajar con el desarrollo web, cree un proyecto web sencillo en Visual Studio Code que contenga una página web, un archivo CSS y un archivo JavaScript. Vea cómo usar herramientas de desarrollo en el explorador para comprobar su trabajo.
Configure el entorno de desarrollo para el desarrollo de WebView2. Configure git, Visual Studio y un canal de vista previa de Microsoft Edge y clone el repositorio WebView2Samples.
En este ejemplo de WebView2, WebView2APISample, se muestra cómo usar el control WebView2 y las API de WebView2 para agregar características a una aplicación de C++ win32.
Aplicaciones de ejemplo para WebView2, para diversos marcos o plataformas, como WinUI 2 (UWP), WinUI 3 (SDK de Aplicaciones para Windows), WPF, WPF con la extensión DevTools Protocol de Chrome, WinForms, Win32/C++ y Win32 con Visual Composition.
Información general sobre cómo funcionan conjuntamente las clases o interfaces WebView2 de nivel superior: CoreWebView2Environment, CoreWebView2Controller y CoreWebView2.
En este ejemplo de WebView2 se muestra cómo usar el control WebView2 y las API de WebView2 para implementar un explorador web en una aplicación WinForms.