有些時候，客戶端有嵌入網(wǎng)頁的需要。比如很常見的數(shù)據(jù)大屏，即便是WPF 的顯示效果也非常好了，但做起來也沒VUE的效果好，而且web的更新只需要服務(wù)器，而軟件越多，更新壓力也越大。

所以WPF+VUE也可以成為一種好方案。

在WinForm或者WPF中，有幾種導(dǎo)入web的工具。

WebBrower（不推薦）。這是最原始的工具，可能我一說，你就知道好不好用：這玩意基于IE內(nèi)核。所以連微軟都已經(jīng)拋棄它了。

沒多少好說的，簡單演示一下。新建一個WinForm項目，基于.net Framework 4.5.2。

找到Webbrower控件拖進(jìn)去。

我們直接讓其加載百度的網(wǎng)址：

webBrowser1.Url = new Uri("https://www.baidu.com");

運行，初看效果還馬馬虎虎。

然后，它就報錯了。不解釋，誰愛用誰用。

IE的悲慘命運，不得不讓我感慨一下：未來正奔涌而來，要不自己強大迎頭而上，要不為時代所拋棄。

下面這個，是一個很好用的第三方控件。

CEFSharp：CEF ，全稱Chromium Embedded Framework，是基于谷歌 Chromium項目的開源Web Browser控件，它的主要用途是嵌入了第三方應(yīng)用以實現(xiàn)瀏覽器相關(guān)的功能，支持用戶插件、協(xié)議、Javascript對象以及Javascript擴(kuò)展。

項目的網(wǎng)址如下。

https://cefsharp.github.io/

CEFSharp同時可支持WinForm和WPF，根據(jù)需要進(jìn)行引用。

我這里就直接引用WinForm項目吧。

已將“CefSharp.WinForms 110.0.250”成功安裝到 WebBrower1執(zhí)行 nuget 操作花費時間 12.82 sec已用時間: 00:00:15.7610411========== 已完成 ==========

安裝完成，就可以在工具箱看到控件了。

直接拖進(jìn)去。

添加加載網(wǎng)址代碼，啟動程序。

public Form1()        {            InitializeComponent();            chromiumWebBrowser1.Load("www.baidu.com");        }

效果就是這么個效果，反正不會報錯了。在數(shù)據(jù)顯示上，echarts的效果很好。現(xiàn)在，把它放入程序吧。

下面這一個，也是基于Chromium，微軟爸爸官方出品。

Microsoft Edge WebView2：

微軟新推出的Microsoft Edge也是基于Chromium開源項目實現(xiàn)，控件允許在本機應(yīng)用中嵌入 web 技術(shù)(HTML、CSS 以及 Javascript)。WebView2 控件使用 Microsoft Edge 作為繪制引擎，以在本機應(yīng)用中顯示 web 內(nèi)容。

同樣可支持WinForm和WPF，那就繼續(xù)用winform吧。雖然是官方的，但基于輕量化的理念，也需要NuGet引用下。

已將“Microsoft.Web.WebView2 1.0.1587.40”成功安裝到 WebBrower1執(zhí)行 nuget 操作花費時間 6.96 sec已用時間: 00:00:07.9476049========== 已完成 ==========

安裝好后，可以在工具箱看到

拖進(jìn)去。

public Form1()        {            InitializeComponent();            webView21.Source = new Uri("https://echarts.apache.org/examples/zh/editor.html?c=data-transform-aggregate");        }

效果如下：