日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

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

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

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

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

沒多少好說的，簡(jiǎn)單演示一下。新建一個(gè)WinForm項(xiàng)目，基于.net Framework 4.5.2。

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

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

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

運(yùn)行，初看效果還馬馬虎虎。

然后，它就報(bào)錯(cuò)了。不解釋，誰(shuí)愛用誰(shuí)用。

IE的悲慘命運(yùn)，不得不讓我感慨一下：未來正奔涌而來，要不自己強(qiáng)大迎頭而上，要不為時(shí)代所拋棄。

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

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

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

https://cefsharp.github.io/

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

我這里就直接引用WinForm項(xiàng)目吧。

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

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

直接拖進(jìn)去。

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

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

效果就是這么個(gè)效果，反正不會(huì)報(bào)錯(cuò)了。在數(shù)據(jù)顯示上，echarts的效果很好?，F(xiàn)在，把它放入程序吧。

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

Microsoft Edge WebView2：

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

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

已將“Microsoft.Web.WebView2 1.0.1587.40”成功安裝到 WebBrower1執(zhí)行 nuget 操作花費(fèi)時(shí)間 6.96 sec已用時(shí)間: 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");        }

效果如下：