Požadavky: Vytvořte nový projekt ve WinForm ve .NET Frameworku 4.7.2 ve VS 2022, odkazujte na SDK balíček Microsoft.Web.WebView2 a použijte ovládání WebView2 k zobrazení a vykreslení webové aplikace. Ovládací panel Microsoft Edge WebView2 umožňuje vkládat webové technologie (HTML, CSS a JavaScript) do nativních aplikací. Ovládání WebView2 používá Microsoft Edge jako kreslící engine pro zobrazení webového obsahu v nativních aplikacích.
Přezkoumání:
WebView2 runtime
Pokud váš Windows systém nemá nainstalovaný runtime WebView2 (Systém Windows 11 je už ve výchozím nastavení nainstalovaný), poprvé, když ji musíte stáhnout ručně, adresujte:Přihlášení k hypertextovému odkazu je viditelné.
Vytvořte nový projekt ve WinFormu
Otevřete VS 2022 pro vytvoření nového WinForm projektu pro .NET Framework 4.7.2, po jeho vytvoření je potřeba odkazovat na balíček Microsoft.Web.WebView2, příkaz nuget je následující:
V toolboxu najděte ovládání WebView2 pod Windows Forms Control a přetáhněte ho do formuláře Form1, jak je znázorněno na následujícím obrázku:
Tip: Ve výchozím nastavení se ve Visual Studio 2017 WebView2 v Toolboxu neobjevuje. Aby se WebView2 zobrazil v toolboxu, vyberte možnost Tools > > >Obecné a nastavte nastavení Autofill toolbox na true.
Nastavte ovládání webView21Dok: Doplň, Zdroj:https://www.itsvse.com/, jak je znázorněno na obrázku níže:
Spusťte projekt a uvidíte, že aplikace WinForm úspěšně načítá a zobrazuje webový obsah, jak je vidět na následujícím obrázku:
Velikost aplikace ve WinForm
Jednou z největších obav je velikost aplikace, po vytvoření nové WinForm aplikace, která odkazuje na WebView2 SDK, je velikost programu s téměř žádným napsaným kódem následující:1,36M, jak je znázorněno na obrázku níže:
Zobrazuje verzi WebView2 pro běh
Jak se dostanu přes .NET program, ať už systém používá runtime WebView2 nebo verzi runtime WebView2? Kód je následující:
vyvolatMetoda GetAvailableBrowserVersionString()abnormální, což znamená, že runtime WebView2 není nainstalován。
Pro informace o distribuci aplikací a běhu WebView2 viz:Přihlášení k hypertextovému odkazu je viditelné.
Povolte nástroje pro vývojáře
Jak povolím vývojářské nástroje, když potřebuji společně zadat webovou aplikaci s WinFormem, někdy se musím podívat na DOM prvky nebo požadavky na síťové zdroje?
DevTools Developer Tools můžete otevřít metodou F12 v ovládání webview2 po spuštění, nebo je můžete otevřít pomocí následujícího kódu:
Jak je uvedeno níže:
Vypněte menu pravým tlačítkem a nástroje pro vývojáře
V reálném produkčním prostředí, když nasadíme aplikačního klienta na stroji zákazníka,Nechcete, aby uživatelé mohli pravým tlačítkem kliknout (obnovit, zobrazit zdrojový kód stránky atd.) a vypnout vývojářské nástroje a ovládání přiblížení stránky, kód je následující:
Dokumentace API Microsoft.WebView2.Core:Přihlášení k hypertextovému odkazu je viditelné. Dokumentace API Microsoft.WebView2.WinForms:Přihlášení k hypertextovému odkazu je viditelné.
Stažení zdrojového kódu:
Turisté, pokud chcete vidět skrytý obsah tohoto příspěvku, prosím Odpověď
(Konec)
|