如何使用 wpf 在 blazor 上设置 WebView2 设置

Question

我正在创建一个用 blazor 和 wpf 制作的应用程序，我想知道如何设置 WebView2 设置。

我使用Microsoft.AspNetCore.Components.WebView.Wpf包

我的XAML文件具有以下代码：

<wv:BlazorWebView HostPage="wwwroot/index.html" Services="{StaticResource services}">
     <wv:BlazorWebView.RootComponents>
          <wv:RootComponent Selector="#app" ComponentType="{x:Type local:main}" />
     </wv:BlazorWebView.RootComponents>
</wv:BlazorWebView>

在C#代码中，我有以下内容：

using Microsoft.AspNetCore.Components.WebView.WebView2;

public partial class MainWindow : Window
{
    private readonly ICoreWebView2Wrapper _WebView;

    public MainWindow()
    {
        var blazorCollection = new ServiceCollection();
        blazorCollection.AddBlazorWebView();
        Resources.Add("services", blazorCollection.BuildServiceProvider());
        InitializeComponent();
        Initialize();
    }

    private void Initialize()
    {
        _WebView.Settings.IsZoomControlEnabled = false;
        _WebView.Settings.AreDevToolsEnabled = false;
    }
}

我得到CS0649在编译的private readonly ICoreWebView2Wrapper _WebView;

当我尝试编译并尝试打开应用程序时，出现异常

System.Reflection.TargetInvocationException: 'Exception has been thrown by the target of an invocation.'

NullReferenceException: Object reference not set to an instance of an object.

已经添加了这些 WebView2 设置的人可以告诉我如何正确使用它们。

Answer 1

在您的 xaml 中添加对您的 WebView2 的引用：

<blazor:BlazorWebView HostPage="wwwroot\\index.html" Services="{StaticResource Services}" x:Name="blazorWebView1">

而不是调用你的 Initialize() 做：
Loaded += MainWindow_Loaded;

private async void MainWindow_Loaded(object sender, RoutedEventArgs e)
{
      await blazorWebView1.WebView.EnsureCoreWebView2Async();
      blazorWebView1.WebView.CoreWebView2.Settings.IsZoomControlEnabled = false;
}