Wymagania: Stwórz nowy projekt .NET Framework 4.7.2 WinForm z wersją VS 2022, odwołaj się do pakietu SDK Microsoft.Web.WebView2 oraz użyj sterowania WebView2 do wyświetlania i renderowania aplikacji webowej. Kontrola Microsoft Edge WebView2 pozwala na osadzanie technologii webowych (HTML, CSS i JavaScript) w aplikacjach natywnych. Sterowanie WebView2 wykorzystuje Microsoft Edge jako silnik rysowania do wyświetlania treści internetowych w aplikacjach natywnych.
Recenzja:
Runtime WebView2
Jeśli Twój system Windows nie ma zainstalowanego runtime WebView2 (System Windows 11 jest już zainstalowany domyślnie), za pierwszym razem, gdy musisz pobrać go ręcznie, zaadresuj:Logowanie do linku jest widoczne.
Stwórz nowy projekt WinForm
Otwórz VS 2022, aby utworzyć nowy projekt WinForm dla .NET Framework 4.7.2, po jego utworzeniu musisz odwołać się do pakietu Microsoft.Web.WebView2, a polecenie nuget wygląda następująco:
W skrzynce narzędzi znajdź kontrolkę WebView2 w ramach Windows Forms Control i przeciągnij ją do formularza Form1, jak pokazano na poniższym rysunku:
Wskazówka: Domyślnie w Visual Studio 2017 WebView2 nie pojawia się w Toolboxie. Aby WebView2 pojawił się w skrzynce narzędzi, wybierz opcję Narzędzia > > Ogólne> a ustaw ustawienie Autofill na true.
Ustaw kontrolkę webView21Nabrzeże: Fill, Źródło:https://www.itsvse.com/, jak pokazano na poniższym rysunku:
Rozpocznij projekt i zobaczysz, że aplikacja WinForm pomyślnie ładuje i wyświetla zawartość internetową, co widać na poniższym obrazku:
Rozmiar aplikacji WinForm
Jednym z największych problemów jest rozmiar aplikacji – po stworzeniu nowej aplikacji WinForm, która odwołuje się do SDK WebView2, rozmiar programu z niemal żadnym napisanym kodem to:1,36M, jak pokazano na poniższym rysunku:
Wyświetla wersję wykonawczą WebView2
Jak przejść przez program .NET, niezależnie od tego, czy system ma runtime WebView2, czy wersję runtime WebView2? Kod jest następujący:
wywołaćGetAvailableBrowserVersionString() metodanienormalny, co oznacza, że środowisko uruchomienia WebView2 nie jest zainstalowane。
Aby uzyskać informacje o dystrybucji aplikacji i runtime WebView2, zobacz:Logowanie do linku jest widoczne.
Włącz narzędzia dla deweloperów
Jak włączyć narzędzia dla deweloperów, gdy muszę współzamówić aplikację webową z WinForm, czasem muszę sprawdzić elementy DOM lub żądania zasobów sieciowych?
Możesz otworzyć narzędzia deweloperskie DevTools używając metody F12 w kontrolce webview2 po uruchomieniu, albo za pomocą następującego kodu:
Jak pokazano poniżej:
Wyłącz menu po prawym przycisku myszy i narzędzia deweloperskie
W rzeczywistym środowisku produkcyjnym, gdy wdrażamy klienta aplikacji na komputerze klienta,Nie chcesz, żeby użytkownicy mogli klikać prawym przyciskiem myszy (odświeżać, przeglądać kod źródłowy strony itd.) i wyłączać narzędzi deweloperskich oraz sterowania powiększeniem strony, kod jest następujący:
Dokumentacja API Microsoft.WebView2.Core:Logowanie do linku jest widoczne.
Dokumentacja API Microsoft.WebView2.WinForms:Logowanie do linku jest widoczne.
Pobranie kodu źródłowego:
Turyści, jeśli chcecie zobaczyć ukrytą zawartość tego wpisu, proszę Odpowiedź
(Koniec)
|
Opublikowano 2022-9-25 23:02:27
|
|
|
|
Opublikowano 8.10.2022 15:04:43
|
Ziemianin