Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Вид: 9045|Ответ: 7

[Источник] [WebView2] (2) WinForm вводит WebView2 для отображения веб-контента

[Скопировать ссылку]
Опубликовано 25.09.2022 23:02:27 | | | |
Требования: Создать новый проект WinForm на .NET Framework 4.7.2 с VS 2022, использовать пакет SDK Microsoft.Web.WebView2 и использовать управление WebView2 для отображения и рендеринга веб-приложения. Управление Microsoft Edge WebView2 позволяет внедрять веб-технологии (HTML, CSS и JavaScript) в нативные приложения. Управление WebView2 использует Microsoft Edge в качестве движка рисования для отображения веб-контента в нативных приложениях.

Обзор:

[WebView2] (1) Первое знакомство с технологией Microsoft Edge WebView2
https://www.itsvse.com/thread-10361-1-1.html

Время выполнения WebView2

Если на вашей системе Windows не установлен WebView2 runtime (Система Windows 11 уже установлена по умолчанию), при первом скачивании вручную адрес:Вход по гиперссылке виден.

Создать новый проект WinForm

Откройте VS 2022, чтобы создать новый проект WinForm для .NET Framework 4.7.2, после его создания необходимо обратиться к пакету Microsoft.Web.WebView2, команда nuget выглядит следующим образом:


В наборе инструментов найдите управление WebView2 в разделе Windows Forms Control и перетащите его в форму Form1, как показано на следующем рисунке:



Совет: по умолчанию в Visual Studio 2017 WebView2 не отображается в Toolbox. Чтобы WebView2 отображался в наборе инструментов, выберите опцию Tools > > General> и установите настройку Autofill toolbox на true.

Настройте управление webView21Причал: Заполнить, Источник:https://www.itsvse.com/, как показано на рисунке ниже:



Запустите проект, и вы увидите, что приложение WinForm успешно загружается и отображает веб-контент, как показано на следующем изображении:



Размер приложения WinForm

Одна из главных проблем — размер приложения: после создания нового WinForm-приложения, ссылающегося на WebView2 SDK, размер программы с почти отсутствующим кодом составляет:1,36М, как показано на рисунке ниже:




Отображает версию выполнения WebView2

Как мне пройти через программу .NET, независимо от того, есть ли у системы WebView2 runtime, или версия WebView2? Код таков:




взыватьGetAvailableBrowserVersionString() методненормальный, что означает, что runtime WebView2 не установлен


Для получения информации о распространении приложений и времени выполнения WebView2 см.:Вход по гиперссылке виден.

Включить инструменты разработчика

Как включить инструменты для разработчиков, когда нужно совместно заказать веб-приложение с WinForm, иногда нужно просматривать элементы DOM или запросы сетевых ресурсов?

Вы можете открыть DevTools Developer Tools с помощью метода F12 в управлении webview2 после запуска, либо использовать следующий код:
Как показано ниже:



Отключите меню правой кнопкой мыши и инструменты разработчика

В реальной производственной среде, когда мы разворачиваем клиент приложения на машине клиента,Вы не хотите, чтобы пользователи могли кликать правой кнопкой мыши (обновлять, просматривать исходный код страницы и т.д.) и отключать инструменты разработчиков и управление масштабированием страницы, код следующий:


Документация Microsoft.Web.WebView2.Core API:Вход по гиперссылке виден.
Документация Microsoft.Web.WebView2.WinForms API:Вход по гиперссылке виден.

Скачать исходный код:

Туристы, если вы хотите увидеть скрытое содержание этого поста, пожалуйстаОтвет


(Конец)






Предыдущий:[WebView2] (1) Первое знакомство с технологией Microsoft Edge WebView2
Следующий:【Оптимизация производительности】Функции предварительного подключения, DNS-Prefetch и предзагрузки на фронтенде
Опубликовано 2022-10-8 15:04:43 |
Учитесь
Опубликовано 2023-3-6 16:28:26 |
Босс, усердная работа, пожалуйста, прочитай
Опубликовано 28.07.2023 16:37:19 |
Учитесь у начальника
Опубликовано 2023-8-8 09:05:33 |
Учитесь
Опубликовано 17.03.2025 09:54:57 |
Удивительно, научилось
Опубликовано 22.04.2025 11:55:36 |
Отлично, посмотри на свой код
 Хозяин| Опубликовано 22.07.2025 16:13:55 |
Отключить ярлыки
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.

Mail To:help@itsvse.com