【C#】首发!Win10使用C#调用Edge浏览器内核控件来展示H5或WebGL!

版权声明:本文为博主原创文章,如需转载请注明出处,谢谢。喜欢请关注哟~ https://blog.csdn.net/sjt223857130/article/details/80698438

前言:

在此之前,我们在C#中调用的浏览器控件都是基于IE的WebBrowser控件,又慢又卡,这个太太太老了。

现在许多H5的特性IE都不支持,IE慢慢可能会被抛弃了,取而代之的是Edge浏览器。

而且Win10内置的Edge比IE兼容性好多了。


今天,我来详细的教大家如何在C#上调用Edge浏览器控件。

2018图文教程首发!!!


先科普一下微软官方资料:

在微软新发布的Microsoft.Toolkit.Win32.UI.Controls工具箱中,集成了许多新的API。

它是Windows Community Toolkit 一个大的更新,现在的版本是 3.0 。

最大的提升就是 WinForm 和 WPF 程序可以使用部分 UWP 控件。

新的版本的更新其中一项就是:

  • 支持在 WPF 和 WinForms 使用新的控件,包括 Edge 浏览器


原文:https://docs.microsoft.com/zh-cn/windows/uwpcommunitytoolkit/controls/webview

官方提出的先决条件如下:
✔️Visual Studio 2017。
✔️Windows 10内幕预览版Build 17110或更高版本。
✔️NET Framework 4.6.2或更高版本。

✔️配置您的应用程序以获得高DPI支持。 要了解如何,请参阅本指南的这一部分。


安装NET Framework 4.6.2:

打开VS2017,创建一个C#窗体项目。发现只有NET Framework 4.6.1,而找不到NET Framework 4.6.2。

这时候,你需要从以下地址安装。

https://www.microsoft.com/net/download/visual-studio-sdks


下载Develop Pack 开发包,NET Framework 4.6.2。或者更高版本。这里我按照官方的要求下载4.6.2就OK了。重启VS2017。


这样,就出现了4.6.2的选项。


安装Microsoft.Toolkit.Win32.UI.Controls:

然后,在NuGet上,搜索Microsoft.Toolkit.Win32.UI.Controls进行安装,目前是3.0版本。


【1】用代码的方式创建控件:


导入的包是:using Microsoft.Toolkit.Win32.UI.Controls.WinForms;

然后,就和用原来的浏览器控件一样,使用它。


【2】将控件添加到可视化工具箱中使用:

对于Windows窗体应用程序。

在“选择工具箱项目”对话框的“.NET Framework组件”选项卡中。

使用浏览按钮找到您的NuGet包文件夹中的Microsoft.Toolkit.Win32.UI.Controls.dll。

NuGet安装一般位置在:你的应用程序项目目录\packages\Microsoft.Toolkit.Win32.UI.Controls.3.0.0\lib\net462\

将dll拖到VS2017的工具箱控件的列表中,然后关闭选择工具箱项目对话框。


WebView控件出现在工具箱的所有Windows窗体部分。


然后,添加代码,webView.Navigate("https://html5test.com/");

访问一个测试H5支持情况的页面。获得如下结果:



大功告成!C#中完美调用了Edge浏览器控件。

从页面中显示的信息来看,完美支持Html5内容呈现,也支持H5中的WebGL1.0。教程内容2018年6月测试通过。



结尾链接:

查看官方资料:Windows 窗体中的高 DPI 支持



猜你喜欢

转载自blog.csdn.net/sjt223857130/article/details/80698438