Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 9045|Yanıt: 7

[Kaynak] [WebView2] (2) WinForm, web içeriğini görüntülemek için WebView2'yi tanıtıyor

[Bağlantıyı kopyala]
2022-9-25 tarihinde yayınlandı 23:02:27 | | | |
Gereksinimler: VS 2022 ile yeni bir .NET Framework 4.7.2 WinForm projesi oluşturun, Microsoft.Web.WebView2 SDK paketine başvurun ve web uygulamasını görüntülemek ve render etmek için WebView2 kontrolünü kullanın. Microsoft Edge WebView2 kontrolü, web teknolojilerinin (HTML, CSS ve JavaScript) yerel uygulamalara gömülmesine olanak tanır. WebView2 kontrolü, web içeriğini yerel uygulamalarda görüntülemek için çizim motoru olarak Microsoft Edge'i kullanır.

Eleştiri:

[WebView2] (1) Microsoft Edge WebView2 teknolojisine ilk giriş
https://www.itsvse.com/thread-10361-1-1.html

WebView2 çalışma zamanı

Eğer Windows sisteminizde WebView2 çalışma zamanı yüklü değilse (Windows 11 sistemi zaten varsayılan olarak kuruludur), ilk kez manuel olarak indirmeniz gerektiğinde adres:Bağlantı girişi görünür.

Yeni bir WinForm projesi oluşturun

VS 2022'yi açın, .NET Framework 4.7.2 için yeni bir WinForm projesi oluşturmak için, oluşturulduktan sonra Microsoft.Web.WebView2 paketine başvurmanız gerekir, nuget komutu şöyledir:


Araç kutusunda, Windows Forms Control altında WebView2 kontrolünü bulun ve aşağıdaki şekilde gösterildiği gibi Form1 formuna sürükleyin:



İpucu: Varsayılan olarak, Visual Studio 2017'de WebView2 Toolbox'ta görünmez. WebView2'nin araç kutusunda görünmesi için Genel > Tools > seçeneğini seçin ve Otomatik Doldurma araç kutusu ayarını doğru >olarak ayarlayın.

WebView21 kontrolünü kurİskele: Doldur, Kaynak:https://www.itsvse.com/, aşağıdaki şekilde gösterildiği gibi:



Projeyi başlattığınızda, aşağıdaki görselde gösterildiği gibi WinForm uygulamasının web içeriğini başarıyla yükleyip gösterdiğini görebilirsiniz:



WinForm uygulama boyutu

En büyük endişelerden biri uygulamanın boyutu; WebView2 SDK'sına referans veren yeni bir WinForm uygulaması oluşturulduktan sonra, neredeyse hiç kod yazmamış programın boyutu şöyledir:1.36M, aşağıdaki şekilde gösterildiği gibi:




WebView2 çalışma zamanı sürümünü gösterir

Sistemde WebView2 çalışma zamanı mı yoksa WebView2 çalışma zamanının sürümü mu olsun, .NET programından nasıl geçerim? Kod şöyledir:




çağırmakGetAvailableBrowserVersionString() yöntemianormal, bu da WebView2 çalışma zamanının yüklü olmadığı anlamına gelir


Uygulamaların dağıtımı ve WebView2 çalışma zamanı hakkında bilgi için bkz:Bağlantı girişi görünür.

Geliştirici araçları etkinleştirin

WinForm ile bir web uygulamasını birlikte sipariş etmem gerektiğinde geliştirici araçlarını nasıl etkinleştirebilirim, bazen DOM öğelerine veya ağ kaynak taleplerine bakmam gerekir?

DevTools Developer Tools'u başlatmadan sonra webview2 kontrolünde F12 yöntemiyle açabilir veya aşağıdaki kodla açabilirsin:
Aşağıda gösterildiği gibi:



Sağ tıklama menülerini ve geliştirici araçları devre dışı bırakın

Gerçek bir üretim ortamında, uygulama istemcisini müşterinin makinesine dağıttığımızda,Kullanıcıların sağ tıklama yapmasını (yenilemek, sayfa kaynak kodunu görmek vb.) ve geliştirici araçlarını ve sayfa büyütme kontrollerini devre dışı bırakmasını istemezsiniz, kod şöyledir:


Microsoft.Web.WebView2.Core API dokümantasyonu:Bağlantı girişi görünür.
Microsoft.Web.WebView2.WinForms API dokümantasyonu:Bağlantı girişi görünür.

Kaynak kodu indirme:

Turistler, bu gönderinin gizli içeriğini görmek isterseniz lütfenYanıt


(Son)






Önceki:[WebView2] (1) Microsoft Edge WebView2 teknolojisine ilk giriş
Önümüzdeki:【Performans Optimizasyonu】Ön bağlantı, DNS-Prefetch ve ön uçta ön yükleme özellikleri
2022-10-8 tarihinde 15:04:43 tarihinde yayınlandı |
Öğren
2023-3-6 tarihinde 16:28:26 tarihinde yayınlandı |
Patron, çok çalışmak, lütfen okuyun
2023-7-28 16:37:19 tarihinde yayınlandı |
Patrondan öğrenin
2023-8-8 09:05:33 tarihinde yayınlandı |
Öğren
2025-3-17 09:54:57 tarihinde yayınlandı |
Harika, öğrendim
2025-4-22 11:55:36 tarihinde yayınlandı |
Harika, koduna bak
 Ev sahibi| 2025-7-22 16:13:55 tarihinde yayınlandı |
Kısayollar devre dışı bırakın
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com