Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Pohľad: 9045|Odpoveď: 7

[Zdroj] [WebView2] (2) WinForm zavádza WebView2 na zobrazovanie webového obsahu

[Kopírovať odkaz]
Zverejnené 25.9.2022 23:02:27 | | | |
Požiadavky: Vytvoriť nový projekt vo WinForm pre .NET Framework 4.7.2 s VS 2022, odvolať sa na SDK balík Microsoft.Web.WebView2 a použiť ovládanie WebView2 na zobrazenie a vykreslenie webovej aplikácie. Ovládanie Microsoft Edge WebView2 umožňuje vkladať webové technológie (HTML, CSS a JavaScript) do natívnych aplikácií. Ovládanie WebView2 používa Microsoft Edge ako kresliaci engine na zobrazovanie webového obsahu v natívnych aplikáciách.

Revízia:

[WebView2] (1) Počiatočné zoznámenie s technológiou Microsoft Edge WebView2
https://www.itsvse.com/thread-10361-1-1.html

Runtime WebView2

Ak váš Windows systém nemá nainštalovaný runtime WebView2 (Systém Windows 11 je už štandardne nainštalovaný), prvýkrát, keď si ho musíte stiahnuť manuálne, adresujte:Prihlásenie na hypertextový odkaz je viditeľné.

Vytvorte nový projekt vo WinForm

Otvorte VS 2022 na vytvorenie nového WinForm projektu pre .NET Framework 4.7.2, po jeho vytvorení musíte odkázať na balík Microsoft.Web.WebView2, príkaz nuget je nasledovný:


V toolboxe nájdite ovládanie WebView2 pod Windows Forms Control a pretiahnite ho do formulára Form1, ako je znázornené na nasledujúcom obrázku:



Tip: Predvolene sa vo Visual Studio 2017 WebView2 v Toolboxe neobjavuje. Aby sa WebView2 zobrazil v toolboxe, vyberte možnosť Tools > > >Všeobecné a nastavte nastavenie Autofill toolbox na true.

Nastavte ovládanie webView21Dok: Fill, Zdroj:https://www.itsvse.com/, ako je znázornené na obrázku nižšie:



Spustíte projekt a uvidíte, že aplikácia WinForm úspešne načíta a zobrazuje webový obsah, ako je znázornené na nasledujúcom obrázku:



Veľkosť aplikácie vo WinForm

Jednou z najväčších obáv je veľkosť aplikácie, po vytvorení novej WinForm aplikácie, ktorá odkazuje na WebView2 SDK, je veľkosť programu s takmer žiadnym napísaným kódom nasledovná:1,36M, ako je znázornené na obrázku nižšie:




Zobrazuje verziu WebView2 pre beh

Ako sa dostanem cez .NET program, či má systém runtime WebView2 alebo verziu runtime WebView2? Kód je nasledovný:




vyvolaťMetóda GetAvailableBrowserVersionString()abnormálny, čo znamená, že runtime WebView2 nie je nainštalované


Pre informácie o distribúcii aplikácií a runtime WebView2 pozri:Prihlásenie na hypertextový odkaz je viditeľné.

Povoliť nástroje pre vývojárov

Ako môžem povoliť vývojárske nástroje, keď potrebujem spoluzadávať webovú aplikáciu s WinFormom, niekedy potrebujem pozrieť DOM prvky alebo požiadavky na sieťové zdroje?

DevTools Developer Tools môžete otvoriť pomocou metódy F12 v ovládacej línii webview2 po štarte, alebo ich môžete otvoriť nasledujúcim kódom:
Ako je uvedené nižšie:



Vypnite menu pravým kliknutím a vývojárske nástroje

V reálnom produkčnom prostredí, keď nasadzujeme aplikačného klienta na zákazníckom stroji,Nechcete, aby používatelia mohli pravým tlačidlom kliknúť (obnoviť, zobraziť zdrojový kód stránky atď.) a deaktivovať vývojárske nástroje a ovládanie priblíženia stránky, kód je nasledovný:


Dokumentácia API Microsoft.WebView2.Core:Prihlásenie na hypertextový odkaz je viditeľné.
Dokumentácia API Microsoft.WebView2.WinForms:Prihlásenie na hypertextový odkaz je viditeľné.

Stiahnutie zdrojového kódu:

Turisti, ak chcete vidieť skrytý obsah tohto príspevku, prosím.Odpoveď


(Koniec)






Predchádzajúci:[WebView2] (1) Počiatočné zoznámenie s technológiou Microsoft Edge WebView2
Budúci:【Optimalizácia výkonu】Funkcie Preconnect, DNS-Prefetch a Preload na front-ende
Zverejnené 8.10.2022 o 15:04:43 |
Nauč sa to
Zverejnené 2023-3-6 o 16:28:26 |
Šéfe, tvrdá práca, prosím, prečítajte si to
Zverejnené 2023-7-28 16:37:19 |
Uč sa od šéfa
Zverejnené 8.8.2023 09:05:33 |
Nauč sa to
Zverejnené 17. marca 2025 09:54:57 |
Úžasné, naučené
Zverejnené 2025-4-22 11:55:36 |
Super, pozri sa na svoj kód
 Prenajímateľ| Zverejnené 2025-7-22 o 16:13:55 |
Vypnúť skratky
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.

Mail To:help@itsvse.com