B/S架構的Web程序幾乎占據了應用軟件的絕大多數市場,但是C/S架構的WinForm、WPF客戶端程序依然具有很實用的價值,如設計類軟件 AutoCAD與Autodesk Revit、wps、IT類的集成開發環境(數據庫、圖形處理軟件)、PC端的小工具等等,充分利用了客戶端電腦的資源綜合計算能力,處理性能更加優秀。如果想在C/S架構的客戶端程序中集成Web應用,也只能借助Web網頁,然后將網頁集成到客戶端程序中,這樣就間接的達到了目的。下面是客戶端審圖系統中集成Web網頁的實際應用案例
WinForm程序中集成網頁的基本原理就是通過一個包含類似瀏覽器功能的控件,將Web網頁載入并解析渲染出來。
介紹 WinForm、WPF 集成 Web 網頁的多種技術方案之前,先了解一下瀏覽器的內核。
瀏覽器最重要或者說核心的部分是“Rendering Engine”,可大概譯為“渲染引擎”,不過我們一般習慣將之稱為“瀏覽器內核”。負責對網頁語法的解釋(如標準通用標記語言下的一個應用html、JAVAScript)并渲染(顯示)網頁。 所以,通常所謂的瀏覽器內核也就是瀏覽器所采用的渲染引擎,渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。不同的瀏覽器內核對網頁編寫語法的解釋也有不同,因此同一網頁在不同的內核的瀏覽器里的渲染(顯示)效果也可能不同,這也是網頁編寫者需要在不同內核的瀏覽器中測試網頁顯示效果的原因。
內核分類
- Trident(MSHTML、IE內核)
內核被包含在全世界最高的使用率的操作系統中,即為windows操作系統,所以我們又經常把它稱之為IE內核。
Trident內核的常見瀏覽器有:
- IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0)、IE11360安全瀏覽器(1.0-5.0為Trident,6.0為Trident+Webkit,7.0為Trident+Blink)360極速瀏覽器(7.5之前為Trident+Webkit,7.5為Trident+Blink)百度瀏覽器(早期版本)世界之窗瀏覽器(最初為IE內核,2013年采用Chrome+IE內核)UC瀏覽器(Webkit內核+Trident內核)其他等
其中部分瀏覽器的新版本是“雙核”甚至是“多核”,其中一個內核是Trident,然后再增加一個其他內核。國內的廠商一般把其他內核叫做“高速瀏覽模式”,而Trident則是“兼容瀏覽模式”,用戶可以來回切換。
- Gecko(Firefox內核)
Gecko內核常見的瀏覽器:Mozilla Firefox、Mozilla SeaMonkey、waterfox(Firefox的64位開源版)、Iceweasel、Epiphany(早期版本)、Flock(早期版本)、K-Meleon。
- Webkit(Safari內核,Chrome內核原型,開源)
WebKit內核常見的瀏覽器:Chrome、傲游瀏覽器3、Apple Safari (Win/mac/iphone/iPad)、Symbian手機瀏覽器、Android 默認瀏覽器。
參考網站:
https://liulanmi.com/labs/core.html
- Blink
Blink是一個由google和Opera Software開發的瀏覽器排版引擎,Google計劃將這個渲染引擎作為Chromium計劃的一部分,并且在2013年4月的時候公布了這一消息。這一渲染引擎是開源引擎WebKit中WebCore組件的一個分支,并且在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex瀏覽器中使用。
瀏覽器內核檢測
- ie.icoa.cn
https://ie.icoa.cn 可檢測 PC 或手機瀏覽器內核和操作系統類型,包括Google Chrome的WebKit、IE的Trident、ME的Edge、Firefox的Gecko/Servo,以及
Windows/MacOS/linux/IOS/Android等的判斷。
- http://mybrowse.osfipin.com
控件1:WebBrowser
微軟WinForm開發框架中老牌控件。
- 默認基于IE7內核,對H5網頁加載支持不完善。
- 只支持單線程模式,大部分對其操作必須在創建它的線程中執行,不可以在其它線程中調用其方法或屬性。
- 性能相對較弱。
控件2:WebView
WebView 使用原始的 Edge (Trident) 渲染引擎,是 Windows10 唯一的控件,功能、性能不理想。
控件3:Microsoft Edge WebView2【強烈推薦】
Microsoft Edge WebView2 控件允許在本機應用中嵌入 web 技術(HTML、css 以及 JavaScript)。 WebView2 控件使用 Microsoft Edge(Chromium) 作為繪制引擎,以在本機應用中顯示 web 內容。 使用 WebView2,可以在本機應用的不同部分嵌入 Web 代碼,或在單個 WebView 實例中生成所有本機應用。
下圖是在Winform程序中使用WebView2組件加載我的博客園頁面的效果
控件4:CefSharp
CefSharp是一種將功能齊全的符合標準的web瀏覽器嵌入C#或VB.NET應用程序的簡單方法。CefSharp擁有WinForms和WPF應用程序的瀏覽器控件,以及自動化項目的OffScreen版本。CefSharp基于Chromium Embedded Framework,這是Google Chrome的開源版本。
-
- CefSharp中文幫助文檔,請點擊查看
- 免費、開源:https://github.com/cefsharp/CefSharp
- 支持JS、C#、WinForm窗體之間相互通訊與調用。
- 兼容性較好,支持H5、CSS5、WebGL等。
- 支持獲取Cookies較全面。
- 通過NeGet安裝SDK時,運行時環境會被自動下載到當前項目的bindebug 或者 binRelease目錄下。導致整個項目非常大,大約110M左右。
- 以獨立進程方式運行,消耗內存較多。
- 當控件Dock屬性設置為 Fill,客戶端電腦的縮放與布局不是100%時,窗體呈現黑邊(嚴重bug),并沒有完全填充父容器。
實際項目應用效果如下圖(縮放比例為100%):
呈現的模型是三維BIM模型,里面用到了HTML5、CSS3、WebGL等新技術。
控件5:Miniblink
Miniblink是一個追求極致小巧的瀏覽器內核項目,全世界第三大流行的瀏覽器內核控件。其基于chromium最新版內核,去除了chromium所有多余的部件,只保留最基本的排版引擎blink。Miniblink保持了10M左右的極簡大小,是所有同類產品最小的體積,同時支持windows xp、npapi。
- 開源地址:https://github.com/weolar/miniblink49/releases
控件6:GeckoFX
GeckoFX是skybound工作室開發的一個開源的用于方便將gecko引擎(最主要的瀏覽器是firefox)鏈接到.net 窗體應用的一個組件。它是用C#寫成的,里面有大量的C#的注釋,geckofx是最完美的默認的iE核心webbrowse控件的替代控件。
控件7:DotNetBrowser
DotNetBrowser能嵌入一個基于Chromium的WPF或WinForms組件到你的.NET應用中,用來顯示使用HTML5、CSS3、JavaScript、Silverlight等技術構建的現代網頁。
- 收費
控件8:EO.WebBrowser
- 官網:https://www.essentialobjects.com/Products/WebBrowser/Default.aspx
- 收費
控件9:Sciter.Forms
Sciter.Forms是基于Sciter桌面引擎的.NET類庫,支持.net framework4.x、.NET CORE、.NET5及更高版本,支持Windows及Linux桌面系統。
- Sciter為桌面UI開發帶來了一系列web技術。網頁設計師和開發人員可以在創建外觀現代的桌面應用程序時重用他們的經驗和專業技能。
- Sciter允許使用經過時間驗證、健壯且靈活的HTML和CSS來定義GUI,并使用GPU加速渲染。
- Sciter引擎是一個單一的、緊湊的DLL,大小為5+Mb。使用它的應用程序比使用Electron或Qt構建的應用程序小10倍以上。
官網:https://sciter.com/
開源地址:
https://gitlab.com/c-smile/sciter-js-sdk
控件10:aardio
- 官網:https://www.aardio.com
aardio專注于桌面軟件開發,17年一直保持非常活躍地更新,aardio 被多年用于生產項目實踐,久經測試和錘煉。
aardio 小、輕、快,輕便利索,體積僅 6.5MB,學習和使用成本極低。aardio 雖然小,但提供了驚人數量的開源標準庫、擴展庫 - 這些庫基本都是由純 aardio 代碼實現,涉及到了桌面編程的方方面面。
aardio 可以嵌入非常多的瀏覽器控件,例如系統自帶的 WebBrowser、WebView 控件、 以及 WebView2、WebKit、Electron、CEF3、HTMLayout、Sciter...... 甚至可以直接調用系統安裝的 Chrome、Chromium Edge 等瀏覽器寫軟件界面。而且在網頁中調用本地接口、以及 aardio 與瀏覽器的交互極其方便,例如直接調用 Javascript 函數,并且在 Javascript 中直接回調 aardio 函數,不需要任何復雜的封裝和中間件,你甚至可以在 Javascript 中直接調用 WINAPI 函數。
轉載:
https://www.cnblogs.com/SavionZhang/p/16194142.html