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

作者:神秘网友 发布时间:2020-09-08 12:14:40

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

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窗体应用程序

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

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

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

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

创建新项目。

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

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

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

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

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

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

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

必须是prerelease版本才支持

必须是prerelease版本才支持

必须是prerelease版本才支持

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

这步也很重要:

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

2.先打开窗体设计器。

3.再打开工具箱

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

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

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

在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窗体应用程序

 

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

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

 

参考:

适用于 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使用.Net5.0创建WebView2窗体应用程序相关教程

  1. 使用iscsi服务部署网络存储
  2. ElasticsearchCRUD使用(一)【介绍】
  3. unity使用屏幕后处理实现闪烁特效,创建新的shader文件过程
  4. Unity Cache Server的使用
  5. 微服务使用knife4j进行在线接口调试
  6. 函数
  7. leetcode面试题 16.25. LRU缓存——LRU最近最少使用算法
  8. 使用vue学习three.js之场景光源-点光源PointLight使用,创建点光