如何使用CSS拖动样式在Webview2 + WPF中创建无框架的可拖动窗口

在Webview2 + WPF中创建无框架的可拖动窗口可以通过CSS拖动样式来实现。下面是一个完善且全面的答案：

CSS拖动样式是一种通过CSS样式控制元素位置和大小的技术。在Webview2 + WPF中，我们可以利用这种技术创建无框架的可拖动窗口。下面是实现的步骤：

首先，在HTML文件中，我们需要添加一段CSS样式来实现拖动效果。具体样式可以如下所示：

<style>
    .draggable {
        -webkit-app-region: drag;
        cursor: move;
    }
</style>

然后，在窗口中添加一个可拖动的元素，比如一个标题栏。我们可以使用一个<div>元素来作为标题栏，并为它添加draggable类，以便应用拖动样式。示例代码如下：

<div class="draggable">
    <!-- 标题栏内容 -->
</div>

接下来，我们需要在WPF代码中设置Webview2的属性，以便支持拖动。在C#代码中，我们需要调用SetUserAgent方法来设置User Agent字符串，以便正确显示CSS样式。示例代码如下：

using Microsoft.Web.WebView2.Core;
using Microsoft.Web.WebView2.Wpf;

...

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        webView.EnsureCoreWebView2Async(null);
        webView.CoreWebView2InitializationCompleted += WebView_CoreWebView2InitializationCompleted;
    }

    private void WebView_CoreWebView2InitializationCompleted(object sender, CoreWebView2InitializationCompletedEventArgs e)
    {
        webView.CoreWebView2.SetUserAgent("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36");
    }
}