【C#】WinForm / WPF 程序嵌入Web 網(wǎng)頁(yè)解決方案
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
前言 企業(yè)級(jí)信息化系統(tǒng)絕大部分采用BS架構(gòu)實(shí)現(xiàn),如門(mén)戶網(wǎng)站、OA系統(tǒng)、電商網(wǎng)站等,通過(guò)瀏覽器輸入Web網(wǎng)址即可訪問(wèn),對(duì)于使用者來(lái)說(shuō)非常便捷,對(duì)于開(kāi)發(fā)維護(hù)者來(lái)說(shuō)也非常方便,程序維護(hù)只需更新服務(wù)器即可,使用者無(wú)感知。 但是CS架構(gòu)的WinForm客戶端程序仍然具有很實(shí)用的價(jià)值,如WPS、IT類的集成開(kāi)發(fā)環(huán)境(數(shù)據(jù)庫(kù)、圖形處理軟件)、PC端的小工具。 本地程序處理性能更優(yōu)秀,但是頻繁更新帶來(lái)不友好的客戶端體驗(yàn)。還有一種非常常見(jiàn)且實(shí)用的業(yè)務(wù)場(chǎng)景, Web網(wǎng)頁(yè)與WinForm程序互相集成應(yīng)用。 在XX網(wǎng)盤(pán)的網(wǎng)頁(yè)中,點(diǎn)擊【下載】按鈕,首先會(huì)檢查本地是否已經(jīng)啟動(dòng)客戶端網(wǎng)盤(pán)。如果未啟動(dòng),則彈出提示信息告知用戶需要打開(kāi)客戶端程序進(jìn)行下載。這就是一個(gè)典型的Web網(wǎng)頁(yè)中啟動(dòng)客戶端程序的場(chǎng)景。 更形象的應(yīng)用場(chǎng)景是,WinForn/WPF客戶端程序嵌入Web程序,Web程序的網(wǎng)頁(yè)中js調(diào)用WinForm/WPF窗體以及業(yè)務(wù)方法。后面會(huì)詳細(xì)的介紹。 ![]() WinForm程序中集成網(wǎng)頁(yè)的基本原理就是通過(guò)一個(gè)包含類似瀏覽器功能的控件,將Web網(wǎng)頁(yè)載入并解析渲染出來(lái)。下面主要介紹 WinForm 集成 Web 網(wǎng)頁(yè)的幾種實(shí)現(xiàn)方式。 ![]() 談?wù)摷傻膯?wèn)題之前,先了解一下瀏覽器的內(nèi)核。 瀏覽器最重要或者說(shuō)核心的部分是“Rendering Engine”,可大概譯為“渲染引擎”,不過(guò)我們一般習(xí)慣將之稱為“瀏覽器內(nèi)核”。負(fù)責(zé)對(duì)網(wǎng)頁(yè)語(yǔ)法的解釋(如標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML、JavaScript)并渲染(顯示)網(wǎng)頁(yè)。 所以,通常所謂的瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎,渲染引擎決定了瀏覽器如何顯示網(wǎng)頁(yè)的內(nèi)容以及頁(yè)面的格式信息。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)編寫(xiě)語(yǔ)法的解釋也有不同,因此同一網(wǎng)頁(yè)在不同的內(nèi)核的瀏覽器里的渲染(顯示)效果也可能不同,這也是網(wǎng)頁(yè)編寫(xiě)者需要在不同內(nèi)核的瀏覽器中測(cè)試網(wǎng)頁(yè)顯示效果的原因。 ![]() 內(nèi)核分類
內(nèi)核被包含在全世界最高的使用率的操作系統(tǒng)中,即為Windows操作系統(tǒng),所以我們又經(jīng)常把它稱之為IE內(nèi)核。 Trident內(nèi)核的常見(jiàn)瀏覽器有: IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0)、IE11 360安全瀏覽器(1.0-5.0為T(mén)rident,6.0為T(mén)rident+Webkit,7.0為T(mén)rident+Blink) 360極速瀏覽器(7.5之前為T(mén)rident+Webkit,7.5為T(mén)rident+Blink) 百度瀏覽器(早期版本) 世界之窗瀏覽器(最初為IE內(nèi)核,2013年采用Chrome+IE內(nèi)核) UC瀏覽器(Webkit內(nèi)核+Trident內(nèi)核) 其他等 其中部分瀏覽器的新版本是“雙核”甚至是“多核”,其中一個(gè)內(nèi)核是Trident,然后再增加一個(gè)其他內(nèi)核。國(guó)內(nèi)的廠商一般把其他內(nèi)核叫做“高速瀏覽模式”,而Trident則是“兼容瀏覽模式”,用戶可以來(lái)回切換。
Gecko內(nèi)核常見(jiàn)的瀏覽器:[Mozilla Firefox](https://baike.baidu.com/item/Mozilla Firefox)、Mozilla SeaMonkey、waterfox(Firefox的64位開(kāi)源版)、Iceweasel、Epiphany(早期版本)、Flock(早期版本)、K-Meleon。
WebKit內(nèi)核常見(jiàn)的瀏覽器:Chrome、傲游瀏覽器3、Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機(jī)瀏覽器、Android 默認(rèn)瀏覽器。 ![]() 參考網(wǎng)站:https://liulanmi.com/labs/core.html
Blink是一個(gè)由Google和Opera Software開(kāi)發(fā)的瀏覽器排版引擎,Google計(jì)劃將這個(gè)渲染引擎作為Chromium計(jì)劃的一部分,并且在2013年4月的時(shí)候公布了這一消息。這一渲染引擎是開(kāi)源引擎WebKit中WebCore組件的一個(gè)分支,并且在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex瀏覽器中使用。 ![]() 瀏覽器內(nèi)核檢測(cè)
https://ie.icoa.cn 可檢測(cè) PC 或手機(jī)瀏覽器內(nèi)核和操作系統(tǒng)類型,包括Google Chrome的WebKit、IE的Trident、ME的Edge、Firefox的Gecko/Servo,以及Windows/MacOS/Linux/iOS/Android等的判斷。 ![]() ![]() ![]() ![]() WinForm Browser 控件
微軟WinForm開(kāi)發(fā)框架中老牌控件。
CefSharp是一種將功能齊全的符合標(biāo)準(zhǔn)的web瀏覽器嵌入C#或VB.NET應(yīng)用程序的簡(jiǎn)單方法。CefSharp擁有WinForms和WPF應(yīng)用程序的瀏覽器控件,以及自動(dòng)化項(xiàng)目的OffScreen版本。CefSharp基于Chromium Embedded Framework,這是Google Chrome的開(kāi)源版本。
實(shí)際項(xiàng)目應(yīng)用效果如下圖。 呈現(xiàn)的模型是三維BIM模型,里面用到了HTML5、CSS3、WebGL等新技術(shù)。 ![]()
Miniblink是一個(gè)追求極致小巧的瀏覽器內(nèi)核項(xiàng)目,全世界第三大流行的瀏覽器內(nèi)核控件。其基于chromium最新版內(nèi)核,去除了chromium所有多余的部件,只保留最基本的排版引擎blink。Miniblink保持了10M左右的極簡(jiǎn)大小,是所有同類產(chǎn)品最小的體積,同時(shí)支持windows xp、npapi。 ![]() 開(kāi)源地址:https://github.com/weolar/miniblink49/releases
GeckoFX是skybound工作室開(kāi)發(fā)的一個(gè)開(kāi)源的用于方便將gecko引擎(最主要的瀏覽器是firefox)鏈接到.net 窗體應(yīng)用的一個(gè)組件。它是用C#寫(xiě)成的,里面有大量的C#的注釋,geckofx是最完美的默認(rèn)的iE核心webbrowse控件的替代控件。
DotNetBrowser能嵌入一個(gè)基于Chromium的WPF或WinForms組件到你的.NET應(yīng)用中,用來(lái)顯示使用HTML5、CSS3、JavaScript、Silverlight等技術(shù)構(gòu)建的現(xiàn)代網(wǎng)頁(yè)。 ![]() 收費(fèi)
官網(wǎng):https://www.essentialobjects.com/Products/WebBrowser/Default.aspx 收費(fèi) ![]()
Microsoft Edge WebView2 控件允許在本機(jī)應(yīng)用中嵌入 web 技術(shù)(HTML、CSS 以及 JavaScript)。WebView2 控件使用 Microsoft Edge(Chromium) 作為繪制引擎,以在本機(jī)應(yīng)用中顯示 web 內(nèi)容。使用 WebView2,可以在本機(jī)應(yīng)用的不同部分嵌入 Web 代碼,或在單個(gè) WebView 實(shí)例中生成所有本機(jī)應(yīng)用。 ![]() 官網(wǎng):https://docs.microsoft.com/zh-cn/microsoft-edge/webview2 免費(fèi) 誕生較晚,相比CefSharp,功能較弱。 ![]()
RemoteBlazorWebView.Wpf.BlazorWebView、RemoteBlazorWebView.WindowsForms.BlazorWebView 是基于 .NET 6 Preview 7 開(kāi)發(fā)的 Blazor WebView 控件,支持WinForm 與 WPF。 開(kāi)源地址:https://github.com/budcribar/RemoteBlazorWebView 示例程序:https://github.com/budcribar/RemoteBlazorWebViewTutorial 綜合考慮,在客戶端程序中嵌入網(wǎng)頁(yè)程序,首選CefSharp。
- EOF - 該文章在 2024/6/6 9:17:17 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |