客户端浏览器- UWP兼容版本WebView

时间:2023-12-18 12:00:50

WebView简介

在win10之前,浏览器控件有WPF版本webBrowser、Winform版本WebBrowser,浏览器内核为IE。

win10之后,微软不再维护原有的WebBrowser,转而推出UWP版本的WebView,可以适配于WPF、Winform程序。

WebView使用

限制条件:

  1. win10 - WebView的内核是Edge,所以只能在win10电脑上使用。在win7环境下,无法显示。
  2. .NET 版本 4.6.2及以上  - 在引用WebView控件时,要求当前项目的.net框架至少是4.6.2

在WPF中引用WebView:

在NuGet下搜索Microsoft.Toolkit.Forms.UI.Controls.WebView ,点击安装后,直接使用WebView控件就行了。

WebView当前已知缺陷:官网列出的缺陷列表Known Issues of the WebView

还有值得关注的是WebView在高DPI下显示比例不正常,官网文档上有解决方案

同时,WebView如果在后台初始化无法显示网页(如果放Xaml中,正常),调整窗口大小后则正常显示,目测可能因为宽高未自适应(待查找原因)。

WebView兼容

针对WebView以上提到的限制条件,只能在Win10中显示。那么是win7/win8环境下浏览器呢?

值得点赞的是,官网提供了一个兼容控件WebViewCompatible,不用我们去做兼容。

  • 在win10下,基于Edge呈现
  • 在win10以下版本,则使用IE

所以。。。。在win7/win8环境下原有WPF的坑依旧存在,比如透明窗口样式下无法显示问题

当然,如果你的程序主要是在Win10上运行,然后只是兼容win7/win8,WebViewCompatible绝对适合你。

各版本浏览器的Demo效果

点击下载Demo,查看在不同windows版本下的效果。

浏览器版本&Windows版本结果对比如下:

winform版本&WPF版本 - WebBrowser

  • win10 & win7
    • 默认样式 - 显示正常
    • 透明窗口样式 - 显示空白(不可见,但可点击隐藏内容)

原因:winform版本&WPF版本,已经指定内核为IE浏览器,而IE浏览器内核在透明窗口样式下无法正常显示。

UWP版本-WebView

  • win10下
    • 默认样式 & 透明样式 - 显示正常
  • win7下 程序崩溃

原因:UWP版本,除了要求.net4.6.2,还要求win10环境。而win10下,WebView的内核为Edge,所以显示正常

UWP兼容版本-WebViewCompatible

  • win10下
    • 默认样式 &  透明样式- 显示正常
  • win7下
    • 默认样式 - 显示正常
    • 透明窗口样式 - 显示空白

原因:UWP兼容版本,要求.net4.6.2。win10下,WebViewCompatible的内核为Edge,所以显示正常;win7下,WebViewCompatible内核为IE浏览器,所以与WPF版本一样,如果窗口为透明窗口样式则显示空白。