Вимоги: Створіть новий проєкт WinForm для .NET Framework 4.7.2 з VS 2022, звернуться до пакету SDK Microsoft.Web.WebView2 та використайте керування WebView2 для відображення та відображення веб-додатку. Контроль Microsoft Edge WebView2 дозволяє вбудовувати веб-технології (HTML, CSS та JavaScript) у нативні додатки. Керування WebView2 використовує Microsoft Edge як движок малювання для відображення веб-контенту у нативних додатках.
Огляд:
Час виконання 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()Ненормальні, що означає, що робочий час WebView2 не встановлений。
Для інформації про розповсюдження додатків і виконання WebView2 дивіться:Вхід за гіперпосиланням видно.
Увімкнути інструменти розробника
Як увімкнути інструменти розробника, коли потрібно спільно замовити веб-додаток з WinForm, іноді потрібно переглядати елементи DOM або запити на мережеві ресурси?
Ви можете відкрити DevTools Developer Tools за допомогою методу F12 у контролі webview2 після запуску, або ж за допомогою наступного коду:
Як показано нижче:
Вимкніть меню правою кнопкою миші та інструменти розробника
У реальному виробничому середовищі, коли ми розгортаємо клієнт додатків на машині клієнта,Ви не хочете, щоб користувачі могли клацати правою кнопкою миші (оновлювати, переглядати вихідний код сторінки тощо) і вимикати інструменти розробника та керування масштабуванням сторінки, код виглядає так:
Документація Microsoft.Web.WebView2.Core API:Вхід за гіперпосиланням видно.
Документація API Microsoft.Web.WebView2.WinForms:Вхід за гіперпосиланням видно.
Завантаження вихідного коду:
Туристи, якщо ви хочете побачити прихований контент цього допису, будь ласка Відповідь
(Кінець)
|
Опубліковано 2022-9-25 23:02:27
|
|
|
|
Опубліковано 2022-10-8 15:04:43
|
Орендодавець