WebView2 使用方法

Microsoft Edge WebView2 简介

Microsoft Edge WebView2 是一个基于Chromium的Web浏览器控件，可以嵌入到Windows应用程序中。

它提供了一组API，用于在应用程序中显示Web内容，并与Web内容进行交互。

安装 Microsoft Edge WebView2 运行环境

方法1: windows系统中自身已安装Microsoft Edge 并好用。（亲测 windows10 专业版本 64位自带的Microsoft Edge就好用，无需安装WebView2运行环境）

方法2: 若 windows系统的Microsoft Edge无法安装或不好用。可自行下载并安装独立的 WebView2运行环境

https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/?form=MA13LH

有x86 和 x64 两个版本

在winform工程中安装 WebView2 SDK

工程右键 —> 管理 NuGet 程序包(N)... —>选择Microsoft.Web.WebView2 —>点击右边安装

Web View2 SDK 安装好后就可以在工具箱中找到 Web View2 控件

拖到窗体中

调用代码

方法一

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

using Microsoft.Web.WebView2.Core;
using Microsoft.Web.WebView2.WinForms; // 对于WinForms项目

namespace WebView2_Demo
{
    public partial class Form2 : Form
    {
        public Form2()
        {
            InitializeComponent();
        }

        private async void Form2_Load(object sender, EventArgs e)
        {
            webView21.Source = new Uri("http://www.12348.gov.cn/#/homepage"); //https://www.163.com
            InitializeAsync();
        }

       async void InitializeAsync()
       {
           await webView21.EnsureCoreWebView2Async(null);
    　　}
　　}
}

方法二

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

using Microsoft.Web.WebView2.WinForms;

namespace WebView2_Demo
{
    public partial class Form3 : Form
    {
        public Form3()
        {
            InitializeComponent();
            InitializeAsync();
        }

        private async void InitializeAsync()
        {
            await this.webView21.EnsureCoreWebView2Async(null);
            this.webView21.CoreWebView2.Navigate("https://www.163.com");
        }
 
    }
}