- Permite la integración de tecnologías web modernas como HTML, CSS y JavaScript dentro de entornos de aplicaciones nativas de Windows.
- Utiliza el motor de renderizado de Chromium a través de Microsoft Edge, garantizando compatibilidad y seguridad actualizadas.
- Ofrece un enfoque de desarrollo híbrido que equilibra el alcance masivo de la web con la potencia del hardware nativo.
- Es compatible con una amplia gama de frameworks como .NET, WinUI y C++ en diversas versiones de Windows y Windows Server.
Si alguna vez te has sentido atrapado entre la flexibilidad de una web y la robustez de un programa instalado, Microsoft Edge WebView2 llega para salvarte el día. Básicamente, es un control que nos permite meter tecnologías web directamente en aplicaciones nativas, usando el motor de representación de Microsoft Edge para que todo se vea y funcione de maravilla sin tener que abrir un navegador externo.
Lo más chulo de esta herramienta es que te da la libertad de decidir cuánto código web quieres usar. Puedes simplemente insertar pequeños fragmentos de HTML o JavaScript en zonas concretas de tu interfaz o, si te sientes más valiente, montar toda la estructura de tu aplicación sobre una única instancia de WebView2, creando así lo que conocemos como una aplicación híbrida.
El equilibrio entre alcance y potencia
A menudo, los programadores se rompen la cabeza eligiendo entre una web app o una nativa. Las primeras tienen un alcance brutal porque funcionan en cualquier sitio, pero las nativas son las que realmente exprimen la potencia del sistema operativo. WebView2 se sitúa justo en el medio de este espectro, permitiéndonos aprovechar lo mejor de los dos mundos: la ubicuidad de la plataforma web y las capacidades completas de Windows.
¿Por qué molestarse en usar WebView2?
Hay un montón de razones para darle una oportunidad. Primero, te permite usar todo el ecosistema de bibliotecas y talento que ya existe en el mundo web. Además, la velocidad de iteración es mucho mayor, ya que actualizar contenido web es infinitamente más rápido que desplegar parches de una app nativa. En cuanto a la compatibilidad, funciona a pachas en Windows 10 y Windows 11, asegurando que el usuario final tenga una experiencia coherente.
Otro punto clave es la distribución. Tienes la opción de confiar en la distribución Evergreen, que mantiene el motor de Chromium actualizado automáticamente con parches de seguridad, o puedes optar por una versión fija (no editable) si necesitas un control absoluto sobre los bits que instalas. Además, el soporte de Microsoft es total, integrando nuevas peticiones de funcionalidades de forma constante.
Componentes y compatibilidad del sistema
Para poner esto en marcha, necesitas el SDK de WebView2 en tu máquina de desarrollo y asegurarte de que el tiempo de ejecución (runtime) esté disponible en el equipo del usuario. En cuanto a los sistemas operativos, cualquier versión de Windows que soporte Microsoft Edge es compatible. Esto incluye desde Windows 10 SAC 1709 y diversas versiones de LTSC, hasta Windows 11 y Windows Server (2016, 2019 y 2022).
Si hablamos de dónde puedes programar, el abanico es muy amplio. Es compatible con Win32 C/C++, .NET Framework 4.6.2 o superior, .NET Core 3.1, .NET 5 y versiones posteriores, además de WinUI 2.0 y 3.0. Y ojo, que no se queda solo en el PC, ya que también es soportado en dispositivos como XBOX y HoloLens 2.
Diferencias con el navegador Microsoft Edge
Aunque WebView2 use el motor de Edge, no es exactamente un navegador embebido. Para que la experiencia sea limpia, algunas funciones del navegador se han modificado o eliminado. Por ejemplo, no incluye la marca de Microsoft Edge ni personalizaciones visuales del navegador. Algunas funciones como el autorrelleno de direcciones vienen activadas por defecto, pero el autorrelleno de contraseñas y pagos suele estar desactivado por seguridad.
Hay cosas que simplemente no están presentes, como las extensiones del navegador, el Administrador de tareas de Edge o el modo IE. En cuanto a los atajos de teclado, muchos de los habituales (como Ctrl+N para nueva ventana o Ctrl+H para el historial) están desactivados para evitar conflictos con la aplicación nativa. No obstante, los desarrolladores pueden capturar estos eventos mediante el evento AcceleratorKeyPressed para crear sus propias respuestas personalizadas.
Guía de implementación técnica
Para empezar a programar, lo ideal es usar Visual Studio. El proceso general implica crear un proyecto (por ejemplo, una aplicación de Windows Forms en C#), instalar el paquete NuGet Microsoft.Web.WebView2 y añadir el control al formulario. Una vez colocado el control, puedes definir la propiedad Source para indicar qué URL debe cargar la aplicación al iniciar.
En entornos de C++, el proceso es similar pero requiere el uso de la Biblioteca de Implementación de Windows (WIL) y el SDK correspondiente. Para integrar el control en una ventana primaria, se utiliza el método CreateCoreWebView2Environment, que localiza el motor del navegador y configura el entorno necesario para renderizar el contenido web.
Interacción avanzada: Navegación, Scripts y Mensajes
El control WebView2 no es una caja cerrada; puedes interactuar con él a niveles profundos. Existen eventos de navegación como NavigationStarting o ContentLoading que te permiten, por ejemplo, cancelar cualquier petición que no utilice protocolos seguros HTTPS para proteger al usuario.
Además, puedes inyectar código JavaScript en tiempo de ejecución mediante ExecuteScriptAsync. Esto es muy útil para modificar la página sobre la marcha o ejecutar alertas. Pero lo más potente es la comunicación bidireccional. El contenido web puede enviar datos al host usando window.chrome.webview.postMessage, y el host puede responder mediante PostWebMessageAsString. Esto permite que una página web solicite la ejecución de funciones nativas del sistema que serían imposibles de lograr solo con JavaScript.
Autenticación y seguridad moderna
Microsoft está moviendo los flujos de inicio de sesión de Entra ID hacia WebView2 en Windows 11. Esto se hace a través del WebAccount Manager (WAM), sustituyendo los controles antiguos por este nuevo motor basado en Chromium. La gran ventaja es que permite implementar estándares modernos de identidad, como el acceso sin contraseña y el uso de passkeys, haciendo que el proceso de login sea mucho más fluido y seguro.
Esta tecnología transforma la manera de crear software en Windows, permitiendo que las aplicaciones nativas se sientan modernas y se mantengan actualizadas sin esfuerzo. Al combinar la agilidad del desarrollo web con el control total de una aplicación de escritorio, los desarrolladores pueden crear herramientas mucho más versátiles, seguras y compatibles con los estándares actuales de la red.