在 UWP Webview 中查看启用 js 的页面

Question

您好，我正在尝试打开网页并在 UWP Webview 中显示其内容。

我假设我做错了什么，因为这个话题对我来说很新。

我的主要例程：

WebViewSettings webSettings = WebviewControll.Settings;
webSettings.IsJavaScriptEnabled = true;
WebviewControll.Navigate(new Uri("https://threejs.org/examples/webgl_geometry_cube.html", UriKind.Absolute));

看到一些关于启用我的 Package.appxmanifest 的评论：

  <uap:ApplicationContentUriRules>
    <uap:Rule Match="ms-appx-web:///Web/App.html" WindowsRuntimeAccess="all" Type="include"/>
  </uap:ApplicationContentUriRules>
</Application>

我的XAML:

<Grid>
    <WebView x:Name="WebviewControll" Height="auto" Width="auto"  >
    </WebView>

</Grid>

预期结果：

实际：

Answer 1

请看一下新的WebView2 control。使用 WebView2 控件代替旧的 WebView 控件。使用 WebView2 控件，我可以看到 html 页面正确显示。

要在您的 UWP 应用程序中使用 WebView2，您需要安装 Microsoft.Web.WebView2 和 Microsoft.UI.Xaml-2.8 NuGet 包。

像旧的 WebView 一样使用它：

<control:WebView2 x:Name="wv2" Source="https://threejs.org/examples/webgl_geometry_cube.html"/>

更多信息，请查看此文档：Get started with WebView2 in WinUI 2 (UWP) apps (public preview)

在 UWP Webview 中查看启用 js 的页面

Viewing js enabled page in UWP Webview

uwp