午夜视频在线观看区二区-午夜视频在线观看视频-午夜视频在线观看视频在线观看-午夜视频在线观看完整高清在线-午夜视频在线观看网站-午夜视频在线观看亚洲天堂

在現代桌面應用開發中，WebView2控件為開發者提供了一種將Web技術無縫集成到Windows應用程序的強大方式。微軟的WebView2基于Chromium內核，為開發者提供了極其靈活的跨平臺Web內容展示解決方案，用這個方案完全可以做上位機開發，結合Web的靈活性，與Winform的穩定性。

代碼解析

命名空間引入

using System;
using System.Windows.Forms;
using Microsoft.Web.WebView2.Core;

關鍵命名空間：

• System.Windows.Forms
  ：提供Windows窗體基礎
• Microsoft.Web.WebView2.Core
  ：WebView2核心功能

完整代碼

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.Core;

namespace AppWebView2
{
    public partial class Form5 : Form
    {
        public Form5()
        {
            InitializeComponent();
            InitializeWebView();
        }

        private async void InitializeWebView()
        {

            await webView21.EnsureCoreWebView2Async(null);

            // 設置虛擬主機映射  
            webView21.CoreWebView2.SetVirtualHostNameToFolderMapping(
                "app.local",
                Path.Combine(Application.StartupPath, "dist"),
                CoreWebView2HostResourceAccessKind.Allow
            );

            webView21.Source = new Uri("https://app.local/index.html");
        }
    }
}

?

關鍵技術點詳解

異步初始化

EnsureCoreWebView2Async(null) 是一個關鍵的異步方法，確保WebView2運行時正確加載。

虛擬主機映射

SetVirtualHostNameToFolderMapping 方法提供了一種安全的方式將本地文件夾映射到虛擬主機：

• 第一個參數：虛擬主機名（app.local）
• 第二個參數：本地文件夾路徑
• 第三個參數：資源訪問權限

資源加載

使用 https://app.local/index.html 加載本地資源，這是一種安全且靈活的方式。

最佳實踐

目錄結構建議

YourApp/
│
├── dist/                   # Vue構建輸出目錄
│   ├── index.html
│   ├── assets/
│   └── ...
│
└── YourApp.exe             # 可執行文件

注意：dist目錄copy到bin目錄下面。

高級功能

JavaScript交互

C# 調用 JavaScript:

await webView21.CoreWebView2.ExecuteScriptAsync("console.log('Hello from C#')");

Vue 調用 C#:

window.chrome.webview.postMessage(JSON.stringify({
  type: 'action',
  data: { ... }
}));

DevTools支持

webView21.CoreWebView2.OpenDevToolsWindow();

性能與安全

性能優化

• 使用增量構建
• 壓縮靜態資源
• 懶加載

安全配置

// 設置安全策略
webView21.CoreWebView2.Settings.IsScriptEnabled = true;
webView21.CoreWebView2.Settings.AreDefaultScriptDialogsEnabled = true;

禁用右鍵

// 禁用默認上下文菜單  
webView21.CoreWebView2.ContextMenuRequested += (sender, args) =>
{
    // 阻止默認上下文菜單  
    args.Handled = true;
};

結論

WebView2為Windows桌面應用程序提供了一種現代、高效的Web內容集成方案。通過正確配置和使用，可以創建功能強大、性能卓越的混合應用程序。

希望這篇詳細的技術文章能幫助您深入理解WebView2在Windows Forms中的實踐！