Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Bekijken: 9045|Antwoord: 7

[Bron] [WebView2] (2) WinForm introduceert WebView2 om webinhoud weer te geven

[Link kopiëren]
Geplaatst op 25-9-2022 23:02:27 | | | |
Vereisten: Maak een nieuw .NET Framework 4.7.2 WinForm-project aan met VS 2022, raadpleeg het Microsoft.Web.WebView2 SDK-pakket en gebruik de WebView2-besturing om de webapp weer te geven en te renderen. De Microsoft Edge WebView2-besturing maakt het mogelijk webtechnologieën (HTML, CSS en JavaScript) in native apps in te betten. De WebView2-besturing gebruikt Microsoft Edge als tekenengine om webinhoud in native apps weer te geven.

Recensie:

[WebView2] (1) Eerste introductie tot Microsoft Edge WebView2-technologie
https://www.itsvse.com/thread-10361-1-1.html

WebView2-runtime

Als je Windows-systeem de WebView2-runtime niet heeft geïnstalleerd (Het Windows 11-systeem is standaard al geïnstalleerd), de eerste keer dat je het handmatig moet downloaden, adres:De hyperlink-login is zichtbaar.

Maak een nieuw WinForm-project aan

Open VS 2022 om een nieuw WinForm-project voor .NET Framework 4.7.2 te maken, moet je na het maken ervan het Microsoft.Web.WebView2-pakket raadplegen; het nuget-commando is als volgt:


Zoek in de toolbox de WebView2-controle onder Windows Forms Control en sleep deze naar het Form1-formulier, zoals getoond in de volgende figuur:



Tip: Standaard verschijnt WebView2 in Visual Studio 2017 niet in de Toolbox. Om WebView2 in de toolbox te laten verschijnen, selecteer je de optie Tools > > Algemeen> en stel je de Autofill toolbox-instelling in op true.

Stel de webView21-besturing inDock: Fill, Bron:https://www.itsvse.com/, zoals getoond in de onderstaande figuur:



Start het project en je ziet dat de WinForm-applicatie de webinhoud succesvol laadt en weergeeft, zoals te zien is in de volgende afbeelding:



WinForm-applicatiegrootte

Een van de grootste zorgen is de grootte van de applicatie; na het maken van een nieuwe WinForm-applicatie die verwijst naar de WebView2 SDK, is de grootte van het programma met bijna geen geschreven code als volgt:1,36M, zoals getoond in de onderstaande figuur:




Toont de WebView2-runtimeversie

Hoe kom ik door het .NET-programma heen, of het systeem nu de WebView2-runtime heeft of de versie van de WebView2-runtime? De code is als volgt:




aanroepenGetAvailableBrowserVersionString()-methodeabnormaal, wat betekent dat de WebView2-runtime niet is geïnstalleerd


Voor informatie over het distribueren van apps en de runtime van WebView2, zie:De hyperlink-login is zichtbaar.

Schakel ontwikkelaarstools in

Hoe schakel ik ontwikkelaarstools in wanneer ik een webapplicatie co-commissioned met WinForm moet uitvoeren, soms moet ik naar DOM-elementen of netwerkbronverzoeken kijken?

Je kunt de DevTools Developer Tools openen met de F12-methode in de webview2-controle na het opstarten, of je kunt het openen met de volgende code:
Zoals hieronder getoond:



Schakel de rechtermuisklikmenu's en ontwikkelaarstools uit

In een echte productieomgeving, wanneer we de applicatieclient op de machine van de klant uitrollen,Je wilt niet dat gebruikers met de rechtermuisknop kunnen klikken (verversen, broncode bekijken, enz.) en ontwikkelaarstools en paginazoom kunnen uitschakelen, de code is als volgt:


Microsoft.Web.WebView2.Core API-documentatie:De hyperlink-login is zichtbaar.
Microsoft.Web.WebView2.WinForms API-documentatie:De hyperlink-login is zichtbaar.

Broncode downloaden:

Toeristen, als jullie de verborgen inhoud van dit bericht willen zien, alsjeblieftAntwoord


(Einde)






Vorig:[WebView2] (1) Eerste introductie tot Microsoft Edge WebView2-technologie
Volgend:【Performance Optimalisatie】Preconnect, DNS-Prefetch en Preload-functies op de front-end
Geplaatst op 8-10-2022 15:04:43 |
Leer het
Geplaatst op 6-3-2023 16:28:26 |
Baasje, hard werken, lees het alsjeblieft
Geplaatst op 28-7-2023 16:37:19 |
Leer van de baas
Geplaatst op 8-8-2023 09:05:33 |
Leer het
Geplaatst op 2025-3-17 09:54:57 |
Geweldig, geleerd
Geplaatst op 22-4-2025 11:55:36 |
Geweldig, kijk naar je code
 Huisbaas| Geplaatst op 22-7-2025 16:13:55 |
Schakel snelkoppelingen uit
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.

Mail To:help@itsvse.com