WPF WebView 不显示

Question

我正在学习WPF WebView控件，我有以下MainWindow.xaml文件：

<Window x:Class="MyWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyWPF"
        xmlns:WPF="clr-namespace:Microsoft.Toolkit.Wpf.UI.Controls;assembly=Microsoft.Toolkit.Wpf.UI.Controls.WebView"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid x:Name="Grid1" Grid.Row="1" Grid.Column="1">
        <WPF:WebView x:Name="webView1"
                      Grid.Row="0"
                      Grid.Column="0"
                      Loaded="WebView_Loaded" />
    </Grid>
</Window>

以及下面的相应MainWindow.xaml.cs文件：

namespace MyWPF
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            webView1.Navigate(new Uri("https://www.google.com"));
        }

        private void WebView_Loaded(object sender, RoutedEventArgs e)
        {
        }
    }
}

但我没有收到任何预期的弹出窗口。如果我删除

webView1.Navigate(new Uri(" https://www.google.com "));

我可以得到一个空白的弹出窗口。我的代码有什么问题以及如何解决？

更新1

我添加了Window_Loaded事件处理程序并在其中移动了以下两个事件处理程序，现在我可以看到一个空白的弹出窗口，但没有任何内容和消息框。

Uri uri = new Uri("https://www.google.com");
WebView1.Navigate(uri);

整个更新的代码隐藏：

namespace MyWPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Loaded");
            Uri uri = new Uri("https://www.google.com");
            WebView1.Navigate(uri);
        }
    }
}

更新2

我在xaml文件中添加了1个HyperLink和1个Button，以下是更新后的xaml文件：

<Window x:Class="MyWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyWPF"
        xmlns:WPF="clr-namespace:Microsoft.Toolkit.Wpf.UI.Controls;assembly=Microsoft.Toolkit.Wpf.UI.Controls.WebView"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800" AllowsTransparency="False" >
    <Grid x:Name="Grid1" Visibility="Visible" >
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="71*"/>
        </Grid.ColumnDefinitions>
        <WPF:WebView x:Name="WebView1" Visibility="Visible" Grid.Column="1" Margin="50,50,50,50">
        </WPF:WebView>
        <Button Name="BTN1" Click="BTN1_Click" Margin="285,380,285,10" Grid.Column="1" >Click Me</Button>
        <TextBlock Margin="0,0,747,390" Grid.ColumnSpan="2">
            <Hyperlink
                NavigateUri="http://www.google.com">
                Google
            </Hyperlink>
        </TextBlock>
    </Grid>
</Window>

并将 Button 单击事件处理程序添加到隐藏代码中，并在其中进行 webview 初始化：

namespace MyWPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Loaded");

            //Uri uri = ;
            WebView1.Navigate(new Uri("https://www.google.com"));
        }
        private void BTN1_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Loaded");
            WebView1.Navigate(new Uri("https://www.google.com"));
        }
    }
}  

单击超链接后没有任何反应。单击按钮后我看到弹出消息框，但谷歌仍然没有显示。

更新3

我点击了链接：

https://learn.microsoft.com/en-us/windows/communitytoolkit/controls/wpf-winforms/webview#high-dpi

Source="http://www.google.com"我在 xaml 文件中设置 Source 属性，请参阅以下代码：

<Window x:Class="MyWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyWPF"
        xmlns:WPF="clr-namespace:Microsoft.Toolkit.Wpf.UI.Controls;assembly=Microsoft.Toolkit.Wpf.UI.Controls.WebView"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800" AllowsTransparency="False" >
    <Grid x:Name="Grid1"  >
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="71*"/>
        </Grid.ColumnDefinitions>
        <WPF:WebView x:Name="WebView1" Visibility="Visible" Grid.Column="1" Margin="50,50,50,50" Source="http://www.google.com" >
        </WPF:WebView>
        <Button Name="BTN1" Click="BTN1_Click" Margin="285,380,285,10" Grid.Column="1" >Click Me</Button>
        <TextBlock Margin="0,0,747,390" Grid.ColumnSpan="2">
            <Hyperlink
                NavigateUri="http://www.google.com">
                Google
            </Hyperlink>
        </TextBlock>
    </Grid>
</Window>

但仍然不起作用。

更新4

我将((ISupportInitialize)webView).BeginInit()和添加((ISupportInitialize)webView).EndInit()到按钮单击事件处理程序中，请参阅以下内容：

using Microsoft.Toolkit.Wpf.UI.Controls;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace MyWPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Loaded");
        }
        private void BTN1_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Loaded");
            ((ISupportInitialize)WebView1).BeginInit();
            ((ISupportInitialize)WebView1).EndInit();
            WebView1.Navigate(new Uri("https://localhost:3000"));
            Console.ReadLine();
        }
    }
}

但在这一行收到以下错误消息 ((ISupportInitialize)WebView1).BeginInit(); ：：

• $exception {“找不到任何适合指定区域性或中性区域性的资源。请确保\”Microsoft.Toolkit.Win32.UI.Controls.DesignerUI.resources\”已正确嵌入或链接到程序集中\“Microsoft.Toolkit .Wpf.UI.Controls.WebView\" 在编译时，或者所需的所有附属程序集均可加载并完全签名。"} System.Resources.MissingManifestResourceException

然后我返回并根据此链接添加了更多属性：

https://github.com/rjmurillo/webview-samples/blob/master/Toolkit/dotnet/Microsoft.Toolkit.Win32.Samples.WPF.WebView/MainWindow.xaml

<WPF:WebView x:Name="WebView1" Visibility="Visible" Grid.Column="1" Margin="50,50,50,50" Source="http://www.google.com" IsIndexedDBEnabled="True"
            IsJavaScriptEnabled="True"
            IsPrivateNetworkClientServerCapabilityEnabled="True"
            IsScriptNotifyAllowed="True" >
</WPF:WebView>

但 WebView 仍然无法正常工作。

Answer 1

我从第一个预览工具包升级时遇到了同样的问题，这都是因为Navigate导致启动窗口隐藏的功能。

更改自：

WebView1.Navigate(new Uri("https://localhost:3000"));

到：

WebView1.Source = new Uri("https://localhost:3000");