|
|
Dipaparkan pada 2022-9-25 23:02:27
|
|
|
|
Persyaratan: Buat proyek WinForm .NET Framework 4.7.2 baru dengan VS 2022, referensikan paket Microsoft.Web.WebView2 SDK, dan gunakan kontrol WebView2 untuk menampilkan dan merender aplikasi web. Kontrol Microsoft Edge WebView2 memungkinkan penyematan teknologi web (HTML, CSS, dan JavaScript) di aplikasi native. Kontrol WebView2 menggunakan Microsoft Edge sebagai mesin gambar untuk menampilkan konten web di aplikasi asli.
Resensi:
Runtime WebView2
Jika sistem Windows Anda tidak menginstal runtime WebView2 (Sistem Windows 11 sudah diinstal secara default), pertama kali Anda perlu mengunduhnya secara manual, alamat:Login hyperlink terlihat.
Membuat proyek WinForm baru
Buka VS 2022 untuk membuat proyek WinForm baru untuk .NET Framework 4.7.2, setelah membuatnya, Anda perlu mereferensikan paket Microsoft.Web.WebView2, perintah nuget adalah sebagai berikut:
Di kotak alat, temukan kontrol WebView2 di bawah Kontrol Formulir Windows dan seret ke formulir Formulir1, seperti yang ditunjukkan pada gambar berikut:
Tips: Secara default, di Visual Studio 2017, WebView2 tidak muncul di Toolbox. Untuk membuat WebView2 muncul di kotak alat, pilih opsi Alat > > Umum> dan atur pengaturan kotak alat Isi otomatis ke true.
Menyiapkan kontrol webView21Dok: Isi, Sumber:https://www.itsvse.com/, seperti yang ditunjukkan pada gambar di bawah ini:
Mulai proyek dan Anda dapat melihat bahwa aplikasi WinForm berhasil memuat dan menampilkan konten web, seperti yang ditunjukkan pada gambar berikut:
Ukuran aplikasi WinForm
Salah satu kekhawatiran terbesar adalah ukuran aplikasi, setelah membuat aplikasi WinForm baru yang mereferensikan WebView2 SDK, ukuran program dengan hampir tidak ada kode tertulis adalah:1,36 juta, seperti yang ditunjukkan pada gambar di bawah ini:
Menampilkan versi runtime WebView2
Bagaimana cara melewati program .NET apakah sistem memiliki runtime WebView2 atau versi runtime WebView2? Kodenya adalah sebagai berikut:
MemohonGetAvailableBrowserVersionString()ganjil, yang berarti runtime WebView2 tidak diinstal。
Untuk informasi tentang mendistribusikan aplikasi dan runtime WebView2, lihat:Login hyperlink terlihat.
Mengaktifkan alat pengembang
Bagaimana cara mengaktifkan alat pengembang ketika saya perlu mengkomisikan aplikasi web bersama dengan WinForm, terkadang saya perlu melihat elemen DOM atau permintaan sumber daya jaringan?
Anda dapat membuka DevTools Developer Tools menggunakan metode F12 di kontrol webview2 setelah startup, atau Anda dapat membukanya dengan kode berikut:
Seperti yang ditunjukkan di bawah ini:
Nonaktifkan menu klik kanan dan alat pengembang
Dalam lingkungan produksi nyata, ketika kami menyebarkan klien aplikasi pada mesin pelanggan,Anda tidak ingin pengguna dapat mengklik kanan (refresh, melihat kode sumber halaman, dll.) dan menonaktifkan alat pengembang dan kontrol zoom halaman, kodenya adalah sebagai berikut:
Dokumentasi API Microsoft.Web.WebView2.Core:Login hyperlink terlihat.
Dokumentasi Microsoft.Web.WebView2.WinForms API:Login hyperlink terlihat.
Unduhan kode sumber:
Wisatawan, jika Anda ingin melihat konten tersembunyi dari posting ini, silakan Jawab
(Akhir)
|
Mantan:[WebView2] (1) Pengenalan awal teknologi Microsoft Edge WebView2Depan:【Pengoptimalan Kinerja】 Fitur Preconnect, DNS-Prefetch, dan Preload di front-end
|
Dipaparkan pada 2022-10-8 15:04:43
|
Tuan tanah