Requisitos: Crear un nuevo proyecto WinForm de .NET Framework 4.7.2 con VS 2022, consultar el paquete del SDK Microsoft.Web.WebView2 y usar el control WebView2 para mostrar y renderizar la aplicación web. El control Microsoft Edge WebView2 permite incrustar tecnologías web (HTML, CSS y JavaScript) en aplicaciones nativas. El control de WebView2 utiliza Microsoft Edge como motor de dibujo para mostrar contenido web en aplicaciones nativas.
Revisión:
Tiempo de ejecución de WebView2
Si tu sistema Windows no tiene instalado el entorno de ejecución de WebView2 (El sistema Windows 11 ya está instalado por defecto), la primera vez que necesites descargarlo manualmente, responde:El inicio de sesión del hipervínculo es visible.
Crear un nuevo proyecto WinForm
Abre VS 2022 para crear un nuevo proyecto WinForm para .NET Framework 4.7.2; después de crearlo, necesitas consultar el paquete Microsoft.Web.WebView2, el comando nuget es el siguiente:
En la caja de herramientas, encuentra el control WebView2 bajo Windows Forms Control y arrástralo al formulario Form1, como se muestra en la siguiente figura:
Consejo: Por defecto, en Visual Studio 2017, WebView2 no aparece en la caja de herramientas. Para que WebView2 aparezca en la caja de herramientas, selecciona la opción Herramientas > > General> y configura la opción de Autorelleno en verdadero.
Configurar el control de webView21Muelle: Relleno, Fuente:https://www.itsvse.com/, como se muestra en la figura siguiente:
Inicia el proyecto y verás que la aplicación WinForm carga y muestra correctamente el contenido web, como se muestra en la siguiente imagen:
Tamaño de la aplicación WinForm
Una de las mayores preocupaciones es el tamaño de la aplicación; tras crear una nueva aplicación WinForm que hace referencia al SDK WebView2, el tamaño del programa con casi ningún código escrito es:1,36 millones, como se muestra en la figura siguiente:
Muestra la versión en tiempo de ejecución de WebView2
¿Cómo puedo pasar por el programa .NET si el sistema tiene el runtime de WebView2 o la versión del runtime de WebView2? El código es el siguiente:
invocarMétodo GetAvailableBrowserVersionString()anormal, lo que significa que el entorno de ejecución de WebView2 no está instalado。
Para información sobre la distribución de aplicaciones y el runtime de WebView2, véase:El inicio de sesión del hipervínculo es visible.
Habilitar herramientas para desarrolladores
¿Cómo activo herramientas para desarrolladores cuando necesito co-encargar una aplicación web con WinForm? A veces necesito mirar elementos DOM o solicitudes de recursos de red?
Puedes abrir las DevTools Developer Tools usando el método F12 en el control webview2 tras el inicio, o puedes abrirlas con el siguiente código:
Como se muestra a continuación:
Desactiva los menús con clic derecho y las herramientas de desarrollo
En un entorno de producción real, cuando desplegamos el cliente de aplicaciones en la máquina del cliente,No quieres que los usuarios puedan hacer clic derecho (actualizar, ver código fuente de la página, etc.) y desactivar herramientas de desarrollo y controles de zoom de página, el código es el siguiente:
Microsoft.Web.WebView2.Core API documentation:El inicio de sesión del hipervínculo es visible.
Microsoft.Web.WebView2.WinForms API documentation:El inicio de sesión del hipervínculo es visible.
Descarga del código fuente:
Turistas, si queréis ver el contenido oculto de esta publicación, por favor Respuesta
(Fin)
|
Publicado el 25-9-2022 23:02:27
|
|
|
|
Publicado el 8-10-2022 15:04:43
|
Propietario