VB.NET使用.Net5.0创建WebView2窗体应用程序

一、下载安装VS2019预览版(必须是最新预览版

Visual Studio Preview

https://visualstudio.microsoft.com/zh-hans/vs/preview/

二、下载安装.Net 5.0 SDK

Download .NET 5.0 (Linux, macOS, and Windows)

https://dotnet.microsoft.com/download/dotnet/5.0

三、下载安装Edge Beta(必须是Beta版本

Microsoft Edge Insider

https://www.microsoftedgeinsider.com/zh-cn/

四、设置VS 显示所有 .Net Core 工程模板

运行VS2019预览版

选择“继续但无需代码

VB.NET使用.Net5.0创建WebView2窗体应用程序_第1张图片

VB.NET使用.Net5.0创建WebView2窗体应用程序_第2张图片

VB.NET使用.Net5.0创建WebView2窗体应用程序_第3张图片

VB.NET使用.Net5.0创建WebView2窗体应用程序_第4张图片

五、重启VS进行新建工程。

创建新项目。

VB.NET使用.Net5.0创建WebView2窗体应用程序_第5张图片

VB.NET使用.Net5.0创建WebView2窗体应用程序_第6张图片

VB.NET使用.Net5.0创建WebView2窗体应用程序_第7张图片

VB.NET使用.Net5.0创建WebView2窗体应用程序_第8张图片

下面一步非常重要,必须按照箭头方面一步步走,每一步顺序都不能错!!!

下面一步非常重要,必须按照箭头方面一步步走,每一步顺序都不能错!!!

下面一步非常重要,必须按照箭头方面一步步走,每一步顺序都不能错!!!

必须是prerelease版本才支持

必须是prerelease版本才支持

必须是prerelease版本才支持

VB.NET使用.Net5.0创建WebView2窗体应用程序_第9张图片

这步也很重要:

1.按下 F5 以生成并运行项目。 正在运行的项目显示一个空窗口。(这一步是为了确保刚刚安装的包能应用到工程,并将WebView2加载进工具箱,不运行可能会在工具箱中找不到。)

2.先打开窗体设计器。

3.再打开工具箱

VB.NET使用.Net5.0创建WebView2窗体应用程序_第10张图片

3.找到WebView2控件,按住鼠标左键 拖拽到窗体上面放开。完成

VB.NET使用.Net5.0创建WebView2窗体应用程序_第11张图片

在WebView21控件属性中设置Source为自定义网址,比如:http://www.bing.com/

或者用代码设置要打开的网页地址。

Public Class Form1
    Private Sub Form1_Load(sender As Object, e As EventArgs)
        WebView21.Source = New Uri("http://www.bing.com/")
        WebView21.Dock = DockStyle.Fill
    End Sub
End Class

VB.NET使用.Net5.0创建WebView2窗体应用程序_第12张图片

 

大功告成,生成的总文件非常小,只有423 KB  非常适合发布为单文件应用程序。

VB.NET使用.Net5.0创建WebView2窗体应用程序_第13张图片

 

参考:

适用于 Windows 表单应用的 Microsoft Edge Web 视图2 - Microsoft Edge Development | Microsoft Docs

Windows Forms 应用中的 WebView2 入门 (预览)

https://docs.microsoft.com/zh-cn/microsoft-edge/webview2/gettingstarted/winforms

MicrosoftEdge/WebView2Samples: Microsoft Edge WebView2 samples

https://github.com/MicrosoftEdge/WebView2Samples

在Win32 C++应用中使用基于Chromium的WebView2 - 知乎

https://zhuanlan.zhihu.com/p/71129125

通过 Microsoft Edge 驱动程序自动化和测试 WebView2 - Microsoft Edge Development | Microsoft Docs

https://docs.microsoft.com/zh-cn/microsoft-edge/webview2/howto/webdriver

 

相关标题:

使用WebView2在.Net程序中集成Edge chromium

C#使用WebView搭建WebApp应用

VB.NET最新WebBrowser控件

.Net开发浏览器

.Net Core 5.0 浏览器

你可能感兴趣的:(VB.NET)