Introducción a Microsoft Edge WebView2

  • Artículo

El control Microsoft Edge WebView2 permite insertar tecnologías web (HTML, CSS y JavaScript) en las aplicaciones nativas. El control WebView2 usa Microsoft Edge como motor de representación para mostrar el contenido web en las aplicaciones nativas.

Con WebView2, puede insertar código web en diferentes partes de la aplicación nativa o crear toda la aplicación nativa en una única instancia de WebView2.

Diagrama de una aplicación con áreas de interfaz de usuario nativas a la izquierda y la parte superior izquierda, y áreas de interfaz de usuario de WebView2 en la parte superior derecha e inferior

Para empezar a crear una aplicación WebView2, consulte Introducción a WebView2.

Enfoque de aplicación híbrida

A menudo los desarrolladores deben decidir entre crear una aplicación web o una aplicación nativa. Esta decisión depende del equilibrio entre alcance y potencia:

  • Las aplicaciones web permiten un amplio alcance. Como desarrollador web, puede reutilizar la mayor parte del código en distintas plataformas.

  • Para acceder a todas las eficaces funcionalidades de una plataforma nativa, use una aplicación nativa.

En el diagrama siguiente se muestra el espectro de aplicaciones, desde el alcance máximo hasta la potencia máxima:

El espectro de aplicaciones, desde el alcance máximo pero menos potencia, hasta una mezcla híbrida óptima, hasta la máxima potencia pero menos alcance

  • El alcance amplio incluye sitios web y aplicaciones web progresivas.

  • En el medio, están las aplicaciones híbridas, como WebViews y Electron.

  • La potencia máxima son las aplicaciones nativas.

Las aplicaciones híbridas, en medio de este espectro, le permiten disfrutar de lo mejor de ambos mundos: la ubicuidad y la solidez de la plataforma web, junto con la potencia y las capacidades completas de la plataforma nativa.

Ventajas de WebView2

  • Ecosistema web y conjunto de aptitudes. Use la plataforma web, las bibliotecas, las herramientas y el talento que existe en el ecosistema web.

  • Innovación rápida. El desarrollo web permite una implementación y una iteración más rápidas.

  • compatibilidad con Windows 10 y 11. Compatibilidad con una experiencia de usuario coherente entre Windows 10 y Windows 11.

  • Funcionalidades nativas. Obtenga acceso al conjunto completo de API nativas.

  • Uso compartido de código. Agregar código web a la base de código permite la reutilización en varias plataformas.

  • Soporte técnico de Microsoft. Microsoft proporciona soporte técnico y agrega nuevas solicitudes de características en plataformas admitidas.

  • Distribución de Evergreen. Confíe en una versión actualizada de Chromium con actualizaciones de plataforma y revisiones de seguridad periódicas.

  • Distribución de versión no editable. Opcionalmente, empaquete una versión específica de los bits de Chromium en la aplicación.

  • Adopción incremental. Agregue componentes web paso a paso a la aplicación.

Plataformas compatibles

Se admiten los siguientes entornos de programación:

  • Win32 C/C++
  • .NET Framework 4.5 o posterior
  • .NET Core 3.1 o posterior
  • .NET 5 o posterior
  • WinUI 2.0
  • WinUI 3.0

Las aplicaciones WebView2 se pueden ejecutar en las siguientes versiones de Windows:

  • Windows 11
  • Windows 10
  • Windows 10 IoT Enterprise LTSC x32 2019
  • Windows 10 IoT Enterprise LTSC x64 2019
  • Windows 10 IoT Enterprise 21h1 x64
  • Windows Server 2022
  • Windows Server 2019
  • Windows Server 2016

WebView2 también se admite en los siguientes dispositivos:

  • Xbox
  • HoloLens 2

Windows 7 y 8

WebView2 Runtime versión 109 es la versión final que admite las siguientes versiones de Windows. WebView2 Runtime y la versión 110.0.1519.0 y posteriores del SDK no admiten estos sistemas operativos.

  • Windows 8/8.1
  • Windows 7
  • Windows Server 2012 R2
  • Windows Server 2012
  • Windows Server 2008 R2

Consulta también:

Ver también

developer.microsoft.com: